Uniform.js Demo

by fidian

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
</form>

JavaScript

// Uniform every form element
$(function () {
    // Show browser information
    $('div.browser').text('Browser: ' + navigator.userAgent);
	$('input, select').uniform();
});