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>
以上所述就是本文的全部內容了,希望大家能夠喜歡。