Style your HTML Input Form Elements using CSS & JavaScript
Posted on April 12, 2009, Filled under JavaScript,
Bookmark it
Do you want to change the default look of your form elements? Checkout the following scripts that will help you to do that! Some of the libraries used to stylish the inputs are JQuery and MooTools.

prettyCheckboxes is a script useful if you want to have a consistent look for the checkboxes and radio buttons of your forms. The usability of the inputs remain the same after you apply the new effect.
[Go to Project Page | View Demo]

FancyForm is a powerful and flexible checkbox replacement script for your classical HTML Input Checkboxes and Radios.
A quick feature list:
- Quick Setup (just 2 lines or markup are required)
- Has extendibility (many customization options)
- Degrades gracefully (forms are working on old browsers)

Tips and tricks for accessible stylish HTML controls is a tutorial that shows you how to create stylish form buttons, checkboxes and radio buttons. A simple PHP Helper Script is provided that automatically generates the code.
[Go to Project Page | View Demo]

Custom Form Elements is a UI library that enhances checkboxes, radio buttons, input file uploads, text inputs, textareas, selects, submits, resets & images.
Features include:
- Modular and small in size
- CSS Customizable
- Unobstrusive
- Maintains usability and accessibility of form elements
- Supports custom events
- Enable sliding doors CSS Technique for your text fields/textarea
- Select all / Deselect all functionality to specified groups of checkboxes
[Go to Project Page | View Demo]
Do you wish to receive the latest updates as soon as they are posted? Get our RSS Feed or Subscribe to the Newsletter!
- April 12, 2009
- article by Gabriel C.
- 1 comment
Sponsors
Related Posts
-
Beautifully Style your HTML Form Elements: Uniformat February 10, 2010
-
Improve the Default Look of Your Form Elementsat September 2, 2009
-
Expose HTML Elements with Style: jQuery Highlighter Pluginat January 3, 2010
-
Creating iPhone-style Checkboxes with jQuery and Prototypeat August 9, 2009
-
Auto Tab Form Fields using JavaScriptat March 7, 2009

One Reply to "Style your HTML Input Form Elements using CSS & JavaScript"
April 12, 2009 at 7:58 PM
[...] View post: Style your HTML Input Form Elements using CSS & JavaScript [...]