作web开发的人都知道,浏览器默认的表单样式,其实是很难看,很古板的,无论设计多优秀的页面,一旦使用这样的表单,设计效果无疑要大大折扣的。下面这55个jQuery表单(Form)插件,有些可以用于美化表单,有些可以用于增强表单现有的功能。
Niceforms v2
Niceforms是一个基于Javascript的控件,它用个性设计的内容替代最常用的表单元素。从本质上改变了浏览器默认的呆板的表单形式。
您可以使用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
jqTransform
这是一个能够改变表单元素样式的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
How to Add Auto Complete to Your Google Custom Search Engine
Justify elements using jQuery and CSS
Perfect signin dropdown box likes Twitter with jQuery
Autocomplete
jQuery Form Plugin
Checking username availabilitywith ajax using jQuery
A Fancy AJAX Contact Form
jQuery shiftcheckbox plugin
jQuery Comment Preview
jQuery“Highlight” plugin
Select Multiple Form Fields
AJAX Upload
A Fancy AJAX Contact Form
meioMask – a jQuery mask plugin
Improved Current Field Highlighting in Forms
LiveValidation
Modal Confirmation Dialog on Form Submit: Javascript, jQuery UI, and Thickbox Varieties
watermarks for inputfields
Elastic – Make your textareas grow Facebook style jQuery plugin
Password Validation
LightForm
Advanced Form Validation
Auto Complete
Masked Input Plugin
Uploadify
Contactable
Make image buttons a part of input fields
JavaScript image combobox
jQuery checkboxv.1.3.0 Beta 1
Radiobutton and Checkbox-Replacement
Datepicker
Date Picker
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
Enlarge input fields on focus
jQuery AlphaNumeric
Password Strength Indicator and Generator
jquery– asmselect
jQuery Form Field Validation Plugin
Advanced Form Styling & Functionality
原文:http://www.designyourway.net/blog/resources/55-jquery-form-plugins-to-download-and-use/