Fancy Fields – jQuery Custom Form Elements Plugin

May 6, 2013

If you are looking for a way to stylize your web forms or create custom form fields, you should try Fancy Fields. The Fancy Fields is a jQuery plugin for creating custom form elements. With this plugin you can add style to text box, checkbox, text area, radio buttons, password field, selectable menu, select with custom scroll bar etc. Fancy Fields is easy to use and comes with full keyboard support.

For ease in customization, there are multiple color themes for Fancy Fields. For example: red, blue, green, purple, yellow, brown etc. You can get the themes from the official Fancy Fields website. Usage is simple. All you need to do is upload the respective CSS file to your server and add reference to it from your head section.

Fancy Fields Plugin
How to use Fancy Fields?

1. Get the plugin from official download link.
2. Extract and upload the plugin and CSS file to your server.
3. Add fancyfields.js, jquery library and CSS file links to your document. 
<script type="text/javascript" src="website-path/jquery.min.js"></script>
<script type="text/javascript" src="website-path/fancyfields.js"></script>
<link rel="stylesheet" href="website-path/fancyfields.css"/>

4. Then trigger the area of the script by adding following code to your document:


That’s it! Now every form element within a div ID of mycustomform will be transformed. Just don’t forget to replace mycustomform with the name of div inside which you have your web form.

Why this plugin? Web forms often looks dull. But with a little bit of tweaking, web developers can make them look interesting. With jQuery Fancy Fields styling web forms becomes even easier. Try it today.

Download Link:

2 Responses to “Fancy Fields – jQuery Custom Form Elements Plugin”

  1. James on 16th May, 13 05:05am #

    Great plugin!

  2. Ritu on 17th May, 13 07:05pm #

    Nice plugin for styling forms. Will definitely use in my projects.

Leave a Reply

Note: The sign * means required field. Comments are subject to moderation.