Web表單是網站中很常見的Web元件,你用它來收集資料,使用者的詳細資訊等。然而,現有的表單限制很多,功能比較簡單,盡管有 HTML5 ,不幸的是,并非所有浏覽器都支援它,是以現在我們可以使用一些非常強大的jQuery或JavaScript來加強現有的表單元素的功能。
下面我們收集了 12 個很有用的表單擴充插件,提供更好的使用者體驗:
<a href="http://www.oschina.net/p/dropkick">DropKick</a>
建立自定義的下列清單,并附帶皮膚支援
<a href="http://www.oschina.net/p/jquery-chosen-plugin">Chosen</a>
jQuery Chosen Plugin 是一個 jQuery 插件,用來将網頁中的下拉框進行功能擴充和美化。可實作對下拉框的搜尋,多個标簽編輯等功能
<a href="http://www.oschina.net/p/textext">TextextJS</a>
TextExt 是一個 jQuery 插件,提供對文本輸入框的功能擴充,可實作自動完成、标簽輸入、ajax和過濾功能。
<a href="http://www.mathachew.com/sandbox/jquery-autotab/">AutoTab</a>
Autotab 是一個用來提供自動 tab 鍵控制和文本過濾的 jQuery 插件。
<a href="http://www.oschina.net/p/jquery-file-upload">jQuery FIle Upload</a>
jQuery File Upload 是一個Jquery圖檔上傳元件,支援多檔案上傳、取消、删除,上傳前縮略圖預覽、清單顯示圖檔大小,支援上傳進度條顯示;支援各種動态語言開發的伺服器端。
<a href="https://github.com/Kicksend/mailcheck">MailCheck</a>
是一個用來對email位址進行驗證的 jQuery 插件
<a href="http://igorescobar.github.com/jQuery-Mask-Plugin/">jQuery Mask Plugin</a>
用來設定輸入框輸入各種形式文本的 jQuery 插件
<a href="http://refreshless.com/nouislider/">NoUISlider</a>
noUiSlider 是一個很小的 jQuery 插件将 html 對象程式設計一個滑動塊。
<a href="http://labs.thesedays.com/projects/jquery/clearfield/">Clearfield</a>
實作類似 HTML5 的 placeholder 的效果
<a href="https://github.com/padolsey/jQuery.fn.autoResize">jQuery.fn.autoResize</a>
自動根據輸入的内容長度對輸入框進行擴充的 jQuery 插件,支援 textarea, input[type=text] and input[type=password] 元素.
<a href="http://unwrongest.com/projects/limit/">Limit</a>
Limit 是一個用來對 textarea 和 input 輸入框進行字元數限制的 jQuery 插件。
<a href="http://mypocket-technologies.com/jquery/password_strength/">Password Strength</a>
用來提示密碼的複雜強度