博客 javascript jQuery表单美化-增强插件
jQuery表单美化-增强插件
2012 年 07 月 12 日  12时44分 分类:javascript 标签:

作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

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

How to Add Auto Complete to Your Google Custom Search Engine

Auto Complete to Your Google Custom Search jQuery form plugin

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 availabilitywith ajax using jQuery

Checking username availabilitywith ajax jQuery form plugin

A Fancy AJAX Contact Form

Checking username availabilitywith 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 checkboxv.1.3.0 Beta 1

jQuery checkboxv.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

发布评论
发表评论 (评论:0)