作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
这是一个能够改变表单元素样式的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
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
Checking username availabilitywith 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 Facebook style jQuery plugin
Make image buttons a part of input fields
Radiobutton and Checkbox-Replacement
New jQuery plugin targeting usability for password masking on forms
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
转载请注明:Yovae Studio » jQuery表单美化-增强插件