jQuery表單美化插件jqTransform使用詳解
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內(nèi)容
<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.函數(shù)調(diào)用
<script type="text/javascript"> $(function() { $("form.jqtransform").jqTransform(); }); </script>
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jQuery+Ajax+js實現(xiàn)請求json格式數(shù)據(jù)并渲染到html頁面操作示例
這篇文章主要介紹了jQuery+Ajax+js實現(xiàn)請求json格式數(shù)據(jù)并渲染到html頁面操作,結(jié)合實例形式分析了jQuery+Ajax請求json格式數(shù)據(jù)并渲染到html頁面相關(guān)步驟與操作技巧,需要的朋友可以參考下2020-06-06動態(tài)獲取復選框checkbox選中個數(shù)的jquery代碼
這篇文章主要介紹了jquery中動態(tài)獲取復選框checkbox選中的個數(shù)的實現(xiàn)代碼,需要的朋友可以參考下2013-06-06