Wot'O, this is a jolly jQuery plugin for adding cheeky HTML5 forms to your site and wotnot. So simple to use you'll be done before morning tea.
Should you be bored after tea, then fear not for the want of being excited! There's a cracking WYSIWYG editor and a psyhic predictive text input to entertain you well in time for afternoon tea.
The quick and dirty implementation
Simply, include the folllowing JavaScript file...
<script src="./dist/jquery.form.js"></script>
and CSS StyleSheet...
<link rel="stylesheet" href="./dist/jquery.form.css"/>
Then at the bottom of the page invoke the shim on the form elements in the page...
$("form").form();
Minified versions are available at jquery.form.min.js and add the css jquery.form.min.css
Alternatively you can implement the features individually, see below
Check Validity (HTML5 Shim)
Include the stylesheet
Include the script
Bind the test to the form submit
CheckValidity Automatic
Include the script
Intiate the bound test automatically, just by assigning a form on submit event, e.g.
Range (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to input elements with [type=range] attribute
Color (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to input elements with [type=color] attribute
Date (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to input elements with [type=date] attribute
Placeholder (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to any input elements with a placeholder attribute
Number (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to the input elements with [type=number] attributes
Datalist (HTML5 Shim)
Include the stylesheet
Include the script
Bind the Control to the datalist
Textarea - Expand as you type
Include the stylesheet
Include the script
Bind the Control to the textarea
WYSIWYG Editor
Write here
Include the stylesheet
Include the script
Bind the Control to the editor
Predict - AutoComplete
Predicting
Include the stylesheet
Include the script
Attach the data ('countryNames' here, is an Array, but it can be something else)