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

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

Niceforms v2

Niceforms v2 jquery form plugin

Niceforms是一个基于Javascript的控件,它用个性设计的内容替代最常用的表单元素。从本质上改变了浏览器默认的呆板的表单形式。

您可以使用Niceforms提供的默认的主题,你也可以基于它来开发自己的表单效果。 Niceforms体积比较小,而且支持大多数浏览器(IE7+,Firefox2+等等),不过不支持IE6。用来做注册、登录等界面还是挺不错的。

In-Field Labels jQuery Plugin

In-Field Labels jQuery form Plugin

In-Field Labels jQuery插件是一个可以使普通输入框内显示默认信息,当用户开始输入时,输入框中默认显示的文字自动消失的插件,可以避免填入的value值。

目前支持的浏览器:IE6+IE6+, WebKit Browsers (Safari, Chrome), Firefox 2+(其中需要注意的是IE6需要设置输入框的label的颜色)。

Create a Progress Bar With Javascript

Create a Progress Bar With Javascript jQuery form Plugin
大家可以其名字可以看出来这是一个用于创建进度条的jQuery插件,拥有百分比变化提醒。

 

Changing Form Input Styles on Focus with jQuery

Changing Form Input Styles on Focus with jQuery
这是一个用于增强表单元素的jQuery插件,当某个元素被选中时,将高亮显示该元素。

jqTransform

jqTransform jQuery form plugin
这是一个能够改变表单元素样式的jQuery插件。

A fancy Apple.com-style search suggestion

A fancy Apple.com-style search suggestion jQuery form plugin

这是一个类似苹果网站上提供的搜索建议控件。

Using form labels as text field values

Using form labels as text field values jQuery form plugin
这插件用于将表单标签说明直接放在输入框入,以节省空间。

A jQuery inline form validation, because validation is a mess

A inline validation jQuery form plugin
这是一个表单输入校验插件,用气泡框的形式显示输入或错误提醒。

Build An Incredible Login Form With jQuery

Build An Incredible Login Form With jQuery form plugin
用于创建一个隐藏的用户登录表单,当点击某个按纽时才显示。

Clearfield

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

How to Add Auto Complete to Your Google Custom Search Engine

Auto Complete to Your Google Custom Search jQuery form plugin
一个教程将教你如何为你的自定义Google搜索引擎添加搜索建议的功能。

Justify elements using jQuery and CSS

Justify elements jQuery form plugin

Perfect signin dropdown box likes Twitter with jQuery

Perfect signin dropdown box like Twitter jQuery form plugin

Autocomplete

Autocomplete jQuery form plugin

jQuery Form Plugin

jQuery form plugin


Checking username availability with ajax using jQuery

Checking username availability with ajax jQuery form plugin

A Fancy AJAX Contact Form

Checking username availability with ajax jQuery form plugin

jQuery shiftcheckbox plugin

shiftcheckbox jQuery form plugin

jQuery Comment Preview

Comment Preview jQuery form plugin

jQuery “Highlight” plugin

Highlight jQuery form plugin


Select Multiple Form Fields

Select Multiple Fields form plugin

AJAX Upload

AJAX Upload jquery form plugin

A Fancy AJAX Contact Form

A Fancy AJAX Contact jquery form plugin

meioMask – a jQuery mask plugin

meioMask jquery form plugin

Improved Current Field Highlighting in Forms

Improved Current Field Highlighting in Forms jquery form plugin

LiveValidation

LiveValidation jquery form plugin

Modal Confirmation Dialog on Form Submit: Javascript, jQuery UI, and Thickbox Varieties


watermarks for inputfields

Watermarks for inputfields jquery form plugin

Elastic – Make your textareas grow Facebook style jQuery plugin

Elastic – Make your textareas grow Facebook style jquery form plugin

Password Validation

Password Validation jquery form plugin

LightForm

LightForm jquery form plugin

Advanced Form Validation


Auto Complete

Auto Complete jquery form plugin


Masked Input Plugin

Masked Input jquery form plugin

Uploadify

Uploadify jquery form plugin

Contactable

Contactable jquery form plugin

Make image buttons a part of input fields

Make image buttons a part of input fields jquery form plugin

JavaScript image combobox

JavaScript image combobox jquery form plugin

jQuery checkbox v.1.3.0 Beta 1

jQuery checkbox v.1.3.0 Beta 1 jquery form plugin

Radiobutton and Checkbox-Replacement

Radiobutton and Checkbox-Replacement jquery form plugin

Datepicker

Datepicker jquery form plugin

Date Picker

Date Picker jquery form plugin

New jQuery plugin targeting usability for password masking on forms

usability for password masking jquery form plugin

ToggleVal 3.0

jQuery magicpreview plug-in

magicpreview jquery form plugin

Submit A Form Without Page Refresh using jQuery

Submit A Without Page Refresh jquery form plugin

Selecting Multiple Select Form Elements on the Fly

Selecting Multiple Select Elements on the Fly jquery form plugin

Creating a Digg Style Sign Up Form

Creating a Digg Style Sign Up jquery form plugin

Enlarge input fields on focus

Enlarge input fields on focus jquery form plugin

jQuery AlphaNumeric

AlphaNumeric jquery form plugin

Password Strength Indicator and Generator

Password Strength Indicator and Generator jquery form plugin

jquery – asmselect

asmselect jquery form plugin

jQuery Form Field Validation Plugin

 Field Validation jquery form plugin

Advanced Form Styling & Functionality

Advanced Styling and Functionality jquery form plugin
原文:http://www.designyourway.net/blog/resources/55-jquery-form-plugins-to-download-and-use/

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值