jQuery表單美化外掛jqTransform使用詳解_jquery

jQuery Form表單美化插件jqTransform，非常實用的jQuery插件，自動把你整個Form表單進行美化處理，包括SELECT下拉框、文字方塊、單選、複選框、按鈕等，當然不支援input file文件選擇框，這個可以參考我們之前的input file選擇框美化教程進行改造，在瀏覽器兼容方面，兼容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>

  外掛程式下載

以上所述就是本文的全部內容了，希望大家能夠喜歡。