25+ jQuery Plugins that enhance and beautify HTML form elements

Written by Kevin Liew on 15 Apr 2009
487,258 Views • Javascript


This article will cover the following elements:

Sponsor: SentionalJobs

Browse through dozens of job offers for web professionals including design jobs and tech jobs


Form Skinning

Frustrated with the form elements inconsistency among different browsers? With these jQuery plugins, you can unified the look and feel of all your form elements.

Form Validation

It's always good to have client side form validation. These jQuery plugin will save your times and works by reusing already made form validation.


Masking can help to avoid human mistake. I found these plugins are very helpful to guide users and decrease the chances of bad data.

File Uploader

These file uploader transform the orginal input file element into a more robust file uploader that able to upload multiple files and having a progress bar to indicate the upload progress.

Checkbox & Radio Button

Spice it up your checkbox and radio button with these jQuery plugins!

Spin Button & Slider

Spin button can be useful sometimes. The other alternative will be a slider.

Auto Complete

You must have seen the auto complete functionality from Apple.com, google.com and all the major websites. With the following plugins, we, too can implement it in our websites easily.

Calendar & Time picker

The old school method to let user select date and time are using drop down lists (day, month and year). Now, we can use a calendar, timepicker to replace the old way. Since it's picked from calendar, it decreases the chances of invalid date. I like them.

Drop Down Menu (Select Element)

Want to do more with drop down menu? These plugins able to add more capabilities to drop down menu.

Color Picker

If you are building some online tools that involves colours, I guess you will like the following plugins. jQuery based colour pickers!


Sometimes, we get really annoyed when we have to type in message in such a small space (a textarea), and we have to scroll up and down, left and right (sometimes) to read the entire message. Say no more to scrolling! Add this autogrow/resizer capability to textarea to avoid that.


All the plugins are implemented using jQuery, there are still heaps of them out there. Of course, you might able to find other good stuff which are not made from jQuery. If you wrote jQuery plugin that enhances form, and you think it's really cool. Drop me a comment, I will add it in.

Don't forget to share this article to show your support! :)

Join the discussion

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.

jordan shoes 12 years ago
Nice collection of jQuery plugins mate. I have also linked to yours from my blog post below where I am trying to collect the most useful and common jQuery code snippets for JavaScript over the web. Here is the title and the link to the jQuery link compilation endeavor:

Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance

replica rolex 12 years ago
Very nice plugins I must say thanks.
cheap viagra cialis 12 years ago
Very nice
Projektowanie Stron 12 years ago
Very usefull. Thanks.
metin2 yang 12 years ago
metin2 yang
hermes handbags 12 years ago
I just couldnt leave your website before saying that I really enjoyed the quality information you offer to your visitors... Will be back often to check up on new stuff you post!
stainless all clad cookware 12 years ago
Nice plugins set...keep them coming!
Typemanuel 12 years ago
Great collection! Has someone tried them in IE5, 6, 7?
Typemanuel 12 years ago
Another question: do they degrade gracefully to plain HTML if someone as javascript disabled??

Thanks again!
frtyu 12 years ago
Will be back often to check up on new stuff you post!
softpact 12 years ago
Thank you guys!
Cash Gifting 12 years ago
thanks for all the wonderful data <a href=\"http://www.cashgiftingcritter.com \"> cash gifting </a>
<a href=\"http://www.cashgiftingcritter.com \"> make money online </a>
nfl jerseys 12 years ago