首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 16:04:39
原創
1055 人瀏覽過

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>
登入後複製

  外掛程式下載

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板