Web表單在網站建設中是一種非常常見的Web組件。你可以利用它 來收集資料、使用者的詳細資料等等。然而很多表單都會受到限制,並且只具備準系統。如今,HTML5式的表單受到開發人員們的追捧,然而並不是所有瀏覽器都 支援的,因此,我們可以使用一些強大的jQuery或者JavaScript來增強現有的表單屬性。
本文收集了12款非常實用的表格外掛程式,協助你建立更好的Web表單。
DropKick
建立一個自訂下拉式功能表,輕鬆定義表格顏色。
Chosen
挑選一個JavaScript外掛程式,使原有表單的長度、笨重的選擇框變得更加人性化。該外掛程式目前支援jQuery和Prototype。
TextextJS
TextExt是jQuery的一款外掛程式,其設計的最初目的是為了提供諸如標籤輸入和自動完成等功能。
AutoTab
Autotab是一個提供自動tab鍵切換(auto-tabbing)和篩選表單的文字欄位jQuery外掛程式。當達到最大字元數內定義的文字欄位時,自動化佈建會顯示已定義元素的目標值。
jQuery FIle Upload
可選擇上傳多個檔案,支援拖放,進度條和映像預覽。支援跨網域名稱,分塊、可恢複上傳檔案以及用戶端的映像大小調整。
MailCheck
當你在電子郵件中將網域名稱拼字錯誤時,該外掛程式可提示顯示正確的網域名稱。
jQuery Mask Plugin
該外掛程式提供更加豐富的工作列。
NoUISlider
NoUiSlider一款很小的jQuery外掛程式,可將html對象轉換成一個很好的滑塊,它有兩個手柄可供選擇所需要的範圍,限定了一個固定的最小值和最高值,你可以利用兩個手柄任意選擇所需要的範圍。
Clearfield
當你在文本中需要經常輸入預設值文本時,比如說你的e-mail地址,如果你點擊該段文本便會消失,方便你輸入電子郵件地址。
jQuery.fn.autoResize
該外掛程式可根據資料量的大小輸入元素,運行在textarea中,需要輸入[type=text]和[type=password]等元素。
Limit
Limit可以協助你在textarea或者欄位輸入中限制字元數,當使用者輸入的字元數長度快達到極限時,該外掛程式會給予提示。
Password Strength
這款外掛程式可以協助你檢測密碼強度。