Uniform.js Demo

HTML

<link rel="stylesheet" href="http://uniformjs.com/stylesheets/uniform.aristo.css">
<script src="http://uniformjs.com/javascripts/jquery.uniform.js"></script>
<div class="browser">Browser detection goes here</div>

<!-- This form posts to a request inspector to ensure variables are being sent to the server -->
<form method="post" action="http://api.rumkin.com/watson/">
    <!-- Add your form here -->
    <input type="text" placeholder="Text value" /><br />
    <input type="file" /><br />
    <input type="button" value="Button" /> <button type="button">Button</button><br />
    <input type="submit" value="Submit" /> <button type="submit">Submit</button><br />
    <input type="reset" value="Reset" /> <button type="reset">Reset</button><br />
    <input type="checkbox" /> Checkbox<br />
    <input type="checkbox" class="exclude" /> Non-uniform checkbox<br />
    <input type="radio" name="foo" checked /> <input type="radio" name="foo" /> Radio<br />
    <input type="radio" name="bar" class="exclude" checked /> <input type="radio" name="bar" class="exclude" /> Non-uniform radio
</form>

JavaScript

// Uniform every form element
$(function () {
    // Show browser information
    $('div.browser').text('Browser: ' + navigator.userAgent);
    $(':input:not(.exclude)').uniform();
    $('input:radio, input:checkbox').click(function(evt) {
        evt.preventDefault();
    })
});