55个jQuery表单美化/增强插件

安哥网络 · 发表于 2013-3-25 16:00:36

作web开发的人都知道，浏览器默认的表单样式，其实是很难看，很古板的，无论设计多优秀的页面，一旦使用这样的表单，设计效果无疑要大大折扣的。下面这55个jQuery表单(Form)插件，有些可以用于美化表单，有些可以用于增强表单现有的功能。 Niceforms v2

Niceforms是一个基于Javascript的控件，它用个性设计的内容替代最常用的表单元素。从本质上改变了浏览器默认的呆板的表单形式。您可以使用Niceforms提供的默认的主题，你也可以基于它来开发自己的表单效果。 Niceforms体积比较小，而且支持大多数浏览器（IE7+,Firefox2+等等），不过不支持IE6。用来做注册、登录等界面还是挺不错的。

In-Field Labels jQuery Plugin

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插件，当某个元素被选中时，将高亮显示该元素。

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

同样是一个直接在输入框中内置输入说明的jQuery插件。

How to Add Auto Complete to Your Google Custom Search Engine

一个教程将教你如何为你的自定义Google搜索引擎添加搜索建议的功能。

Justify elements using jQuery and CSS

Perfect signin dropdown box likes Twitter with jQuery

Autocomplete

jQuery Form Plugin