jQueryフォーム美化プラグインjqTransform_jqueryの使い方を詳しく解説

jQuery フォーム美化プラグイン jqTransform は、SELECT ドロップダウン ボックス、テキスト ボックス、ラジオ選択、チェック ボックス、ボタンなどを含むフォーム全体を自動的に美化する非常に実用的な jQuery プラグインです。もちろん、入力ファイル選択ボックスはサポートされていません。これは、以前の入力ファイル選択ボックスの美化チュートリアルを参照して変更できます。ブラウザの互換性に関しては、IE 6、Safari 2、Firefox 2 と互換性があります。プラグインは依然として非常に優れています。使いやすく、学習して使用することをお勧めします。

使用法:

1. jQuery とプラグインをロードします

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script> 

2.HTML コンテンツ

<form class="jqtransform"> 
<div class="rowElem"> 
<label for="name">Name:</label> 
<input type="text" name="name"/> 
</div> 
<div class="rowElem"><input type="submit" value="send"/></div> 
</form> 

3. 関数呼び出し

<script type="text/javascript"> 
$(function() { 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

プラグインのダウンロード

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。