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