网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环。一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地使用体验。基于这一点,很多设计师开始使用jQuery来创建网页表单。而使用jQuery表单插件会让你的网页表单脱颖而出。
为此,我们收集了一些不同类型的jQuery表单插件和读者分享。在下面这些jQuery表单插件中,有些能改变表单的外观并同时兼容各种浏览器;有些用于表单验证并方便管理员和用户的操作;还有一些则是非常流行的日历表单和下拉列表表单。我们希望这些插件能够有助于你的工作。
1、高亮表单插件
高亮功能可以增加页面的可用性。
![](http://dl.iteye.com/upload/attachment/0065/7664/f869c20e-905f-3fce-8ef9-6ab338a24703.jpg)
2、mcDropdown
一个允许用户选择下拉菜单的表单插件。
![](http://dl.iteye.com/upload/attachment/0065/7515/d3883584-4ace-37a6-9fa1-824cbf4317ca.jpg)
3、让图片成为输入框的一部分
在输入框里可以嵌入图片。
![](http://dl.iteye.com/upload/attachment/0065/7520/88be243e-c632-3114-b109-3e49a119ce9d.jpg)
4、jQuery Impromptu
一个为用户提供更舒适输入方式的表单插件。
![](http://dl.iteye.com/upload/attachment/0065/7540/6de2fb9e-ac80-35fa-b633-354920c55311.jpg)
5、jqTransform
一个美化表单元素的风格插件。
![](http://dl.iteye.com/upload/attachment/0065/7553/f32526ed-1bc2-339b-8b2b-1349ab1d414b.jpg)
6、密码强度测试仪
一个能显示密码强度的jQuery表单插件。
![](http://dl.iteye.com/upload/attachment/0065/7555/fd862b21-261a-331a-87a5-86e50f8ae938.jpg)
7、The jQuery Tooltip
添加了一个消息提示功能,用户可根据自己的喜好来做出相应的选择。
![](http://dl.iteye.com/upload/attachment/0065/7573/aaf60b38-3ffa-32a9-a579-6e01d78d912b.jpg)
8、日期选择插件
一个简单的日期选择插件。
![](http://dl.iteye.com/upload/attachment/0065/7579/c1486fb1-b24f-30c7-af11-66b9cb3acf7e.jpg)
9、自动提示插件
一个轻量级的自动提示插件。
![](http://dl.iteye.com/upload/attachment/0065/7595/ea8d369e-9088-37cb-941e-d7b60a5cf7c4.jpg)
10、自动保存插件
这个插件被设计用来自动保存表单信息,这样即使有某些未知的事情发生,用户也不会丢失他们已经输入的内容。
![](http://dl.iteye.com/upload/attachment/0065/7599/75dc666a-a87f-303a-9eb1-f33bf38ec1cd.jpg)
11、表单输入自动tab和自动过滤
提供了自动跳到下一个输入框功能和自动过滤功能。
![](http://dl.iteye.com/upload/attachment/0065/7616/07ebc225-cc69-3873-99ef-f5ee5fb19ac1.jpg)
12、AJAX Upload
一个无刷新上传多个文件的插件。
![](http://dl.iteye.com/upload/attachment/0065/7618/25986b09-4b7c-3749-924e-a454f5fcf15b.jpg)
13、Contactable
一个方便易用的联系表单插件。
![](http://dl.iteye.com/upload/attachment/0065/7620/cb95afc2-07be-3288-a912-559095b43a85.jpg)
14、jQuery UI Slider from a Select Element
使用该插件,用户既可以从下拉列表中选择开始与截止日期,也可以拖动滑块来选择。
![](http://dl.iteye.com/upload/attachment/0065/7632/adcf5ff0-67e3-3de0-957e-f1eeca8637c8.jpg)
15、快捷键
该插件允许你在代码中很方便地添加或移除键盘事件。
![](http://dl.iteye.com/upload/attachment/0065/7642/052fc28d-9398-3573-a912-c4128a2e8eb8.jpg)
16、jQuery复选框
用于在JavaScript被禁用时,显示复选框的状态。
![](http://dl.iteye.com/upload/attachment/0065/7644/8623d0d5-5781-3b61-b4dc-c77fa47711e3.jpg)
17、PrettyCheckboxes
此插件会让你的复选框更加醒目。
![](http://dl.iteye.com/upload/attachment/0065/7648/03a9a5a7-8a8d-37e0-b092-5ae95dbce55e.jpg)
18、jQuery验证插件
一个在提交表单时显示提示信息的验证插件。
![](http://dl.iteye.com/upload/attachment/0065/7656/d164a459-dc57-3734-a952-78a28c8fb149.jpg)
19、LightForm
该表单整合了用于验证字段的FormCheck2插件以及用于美化字段和输入框的NiceForms插件。
![](http://dl.iteye.com/upload/attachment/0065/7658/4ddcaaab-a7dd-3028-bbbf-1ec2dc179ad6.jpg)
20、In-Field Labels
当输入框被选中时,输入框里的标签开始慢慢退色直至消失。
![](http://dl.iteye.com/upload/attachment/0065/7662/01a98dd6-ef74-3aaa-8605-771d0ace686e.jpg)