55個jQuery表單美化/增強插件
作web開發的人都知道,瀏覽器默認的表單樣式,其實是很難看,很古板的,無論設計多優秀的頁面,一旦使用這樣的表單,設計效果無疑要大大折扣的。下面這55個jQuery表單(Form)插件,有些可以用于美化表單,有些可以用于增強表單現有的功能。
您可以使用Niceforms提供的默認的主題,你也可以基于它來開發自己的表單效果。 Niceforms體積比較小,而且支持大多數瀏覽器(IE7+,Firefox2+等等),不過不支持IE6。用來做注冊、登錄等界面還是挺不錯的。
In-Field Labels jQuery插件是一個可以使普通輸入框內顯示默認信息,當用戶開始輸入時,輸入框中默認顯示的文字自動消失的插件,可以避免填入的value值。
目前支持的瀏覽器:IE6+IE6+, WebKit Browsers (Safari, Chrome), Firefox 2+(其中需要注意的是IE6需要設置輸入框的label的顏色)。
Create a Progress Bar With Javascript
大家可以其名字可以看出來這是一個用于創建進度條的jQuery插件,擁有百分比變化提醒。
Changing Form Input Styles on Focus with jQuery
這是一個用于增強表單元素的jQuery插件,當某個元素被選中時,將高亮顯示該元素。
這是一個能夠改變表單元素樣式的jQuery插件。
A fancy Apple.com-style search suggestion
Using form labels as text field values
這插件用于將表單標簽說明直接放在輸入框入,以節省空間。
A jQuery inline form validation, because validation is a mess
這是一個表單輸入校驗插件,用氣泡框的形式顯示輸入或錯誤提醒。
Build An Incredible Login Form With jQuery
用于創建一個隱藏的用戶登錄表單,當點擊某個按紐時才顯示。
Clearfield
同樣是一個直接在輸入框中內置輸入說明的jQuery插件。
How to Add Auto Complete to Your Google Custom Search Engine
一個教程將教你如何為你的自定義Google搜索引擎添加搜索建議的功能。
Justify elements using jQuery and CSS
Perfect signin dropdown box likes 推ter with jQuery
Checking username availability with ajax using jQuery
meioMask – a jQuery mask plugin
Improved Current Field Highlighting in Forms
Modal Confirmation Dialog on Form Submit: Javascript, jQuery UI, and Thickbox Varieties
Elastic – Make your textareas grow 非死book style jQuery plugin
Make image buttons a part of input fields
jQuery checkbox v.1.3.0 Beta 1
Radiobutton and Checkbox-Replacement
New jQuery plugin targeting usability for password masking on forms
ToggleVal 3.0
jQuery magicpreview plug-in
Submit A Form Without Page Refresh using jQuery
Selecting Multiple Select Form Elements on the Fly
Creating a Digg Style Sign Up Form
Password Strength Indicator and Generator
jQuery Form Field Validation Plugin
Advanced Form Styling & Functionality
原文:http://www.designyourway.net/blog/resources/55-jquery-form-plugins-to-download-and-use/