15 jQuery Plugins to enhance your HTML form elements

0

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

You might also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More