Introduction
Web Form is a really common web component in a website, you use it to collect data, user details etc. However, the existing form features are pretty restricted and has the most basic capability. I know we have HTML5 form, unfortunately not all browsers are supporting it yet, so for now we can use some awesome jQuery or javascript magic to enhance the existing form elements.
Below we have collected 12 really useful form plugins that will help you to create a better and user friendlier web form.
- DropKick
Create a custom drop down menu and skin it up easily.
- Chosen
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
- TextextJS
TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.
- AutoTab
Autotab is a jQuery plugin that provides auto-tabbing and filtering on text fields in a form. Once the maximum number of characters has been reached within a defined text fields, the focus is automatically set to the defined target of the element.
- jQuery FIle Upload
File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing.
- MailCheck
The jQuery plugin that suggests a right domain when your users misspell it in an email address.
- jQuery Mask Plugin
A jQuery plugin to make field masks.
- NoUISlider
noUiSlider is a little jQuery plugin that turns a html object into a nice (range) slider. It can have two handles to select a range, a fixed minimum or maximum to select a limit, or just two handles to pick some points.
- Clearfield
This plugin takes care of your input fields. Often used by opt-in input fields where the default value of the field is something like "Your e-mail address". If you click the field the text disappears so that you can type your e-mail address.
- jQuery.fn.autoResize
A plugin for jQuery which changes the dimensions of input elements to suit the amount of data entered. It operates on textarea, input[type=text] and input[type=password] elements.
- Limit
Limit is a plugin for the javascript framework Jquery that limits the number of characters that can be entered in a textarea or input field. The plugin can also report the number of characters left before the user reaches the length limit.
- Password Strength
This plugin can detect the strength of your password.
Comments will be moderated and
rel="nofollow"
will be added to all links. You can wrap your coding with[code][/code]
to make use of built-in syntax highlighter.http://dropthebit.com/150/validation-styling-semantics-of-forms/
Thank you in advance