Submit your widget

Uniform---jQuery Sexy forms effect

Created 12 years ago   Views 19621   downloads 5326    Author uniformjs
Uniform---jQuery Sexy forms effect
View DemoDownload
Share |

Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?

If so, Uniform is your new best friend.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.


Installation of Uniform is quite simple. First, make sure you have jQuery 1.3+ installed. Then you’ll want to link to the jquery.uniform.js file and uniform.default.css in the head area of your page:

<script src="jquery.uniform.js" type="text/javascript"></script>
<link rel="stylesheet" href="uniform.default.css" type="text/css" media="screen" charset="utf-8" />

Basic usage

Using Uniform can be quite easy as well. Simply call:

$(function(){ $("select").uniform(); });
To “uniform” all possible form elements, just do something like this:
$("select, input:checkbox, input:radio, input:file").uniform();

Read more: