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 .
2. jQuery Nice Form
3. Jquery dynamic inputs with auto complete
Fancy facebook-like dynamic inputs with auto complete & pre added values
4. Radio button Checkbox Replacement
5. Styling input file
6.jqTransform
This plugin is a jQuery styling plugin wich allows you to skin form elements.
Before:
After:
7.jQuery InputHintBox
easy to use hint box script for forms using Jquery
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.
9.jQuery Elastic
Elastic makes your text area change its height dynamically.
10. jQuery Validation
11. jQuery mask plugin – meioMask
12.Multi Select Transfer with jQuery
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.
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 .