15 jQuery Plugins to enhance your HTML form elements

According to Wikipedia  :  A webform on a web page allows a user to enter data that is sent to a server for processing. Webforms resemble paper forms because internet users fill out the forms using checkboxes, radio buttons, or text fields.

Today we listed 15 jQuery Plug-in to enhance your HTML form elements .  Some of them add more capabilities that able to increase usability and user friendliness to a website.  We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

1. JavaScript custom dropdown

JavaScript custom dropdown - JavaScript image combobox . You can add an icon with each option. It works with your existing "select" element. Give new look to your custom dropdown .

JavaScript-image-combobox 

2. jQuery Nice Form

jQuery-Nice-Form

3. Jquery dynamic inputs with auto complete

Fancy facebook-like dynamic inputs with auto complete & pre added values

Jquery-dynamic-inputs-with-

4. Radio button Checkbox Replacement

radio button and checkbox replacement

5. Styling input file

Styling-input-file

6.jqTransform

This plugin is a jQuery styling plugin wich allows you to skin form elements.

Before:

jqTransform

After:

jqTransform1

7.jQuery InputHintBox 

easy to use hint box script for forms using Jquery

jQuery-InputHintBox

8. jQuery auto-tab and filter plugin

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 auto-tabbing and filter plugin

9.jQuery Elastic

Elastic makes your text area change its height dynamically.

Jquery-Elastic

10. jQuery Validation

jQuery-Validation

11. jQuery mask plugin - meioMask

meioMask standalonemeioMask-paste-feature

12.Multi Select Transfer with jQuery

Multi-Select-Transfer-with-

13. Pretty comments

jquery Pretty comments plug-in that allow text areas to stretch as content is put in. If the content goes over the defined height of the text area, the text area will stretch.

Pretty-comments

14.jqUploader

jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly - so you don't have to do things twice .

jqUploader

15.File style plugin for jQuery

File style plugin for jQuery

0 comments :