25+ jQuery Plugins that enhance and beautify HTML form elements

25+ jQuery Plugins that enhance and beautify HTML form elements

25+ jQuery Plugins that enhance and beautify HTML form elements


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! :)

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love


Thu, 6th January 2011
Also, Checkbox Radio Input Replacement is a standalone Javascript library. Looks like FancyForm is a Mootools port. Reply
Thu, 13th January 2011
Now we just need a single Jquery plugin that does ALL of this and we'll be set! :-) Reply
Neeraj Dhiman
Tue, 15th February 2011
I find the Focus Magic plugin to be very useful. It’s so simple but it sure beats having to do those forms by hand. Reply
Tue, 17th May 2011
I juste released a jQuery plugin that aims to be a drop-in replacement for the select tag with multiple attribute.
http://loudev.com Reply
Wed, 15th June 2011
Very nice, thanks!!!!!!!! Reply
Fri, 17th June 2011
Nice post. thanks. Reply
Van Pham
Fri, 12th August 2011
Thanks for your post. Reply
Thu, 8th September 2011
It is very helpful. Thanks a lot Reply
Thu, 22nd September 2011
Thanks for sharing online.. Reply
Sat, 1st October 2011
Thanks for letting me know. Reply
Fri, 18th November 2011
Nice. Thanks a lot for sharing this Reply
Rob Admin
Thu, 19th January 2012
Nice list of plugins, here is a color picker to add: http://www.websanova.com/plugins/websanova/color-picker Reply
Tue, 31st January 2012
thanks. good one Reply
Ritesh Sanap
Wed, 29th February 2012
One Post worth to be Bookmarked, its a Really a great resource to a developers like me, and also i m now learning Basic's in jQuery, so more happy Reply
Sat, 10th March 2012
Uploadify is not a good uploader, its depended on flash and also documentation i lacking big time. Reply
Sun, 11th March 2012
kul stuff :) Reply
Wed, 11th April 2012
sca Reply
Tue, 29th May 2012
I made JIC, that is a jquery plugin that makes simple to customize checkboxes and radio buttons by using images. I made it for a project and then I started selling it here http://codecanyon.net/item/jic-jquery-image-checkbox/676874 Reply
Tue, 25th September 2012
Thanks a lot man for sharing the link ... great plugin exactly what I was looking for !!! I'll buy it!!!! Reply
Nispaara Solutions
Thu, 14th June 2012
its a Really a great resource to the developers..Thanks For sharing this stuff!!!!!!!!!!!!! Reply
Harinder Maan
Thu, 28th June 2012
This very help-full for me.thanx for sharing Reply
chandan singh
Thu, 26th July 2012
thanks for help
Sat, 4th August 2012
I think this should be also listed : http://www.pkoretic.net/csTransPie/ Reply
Sun, 24th March 2013
This is another useful form - select list jquery plugin
https://code.google.com/p/jautochecklist/ Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!