I say, good <form>!

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

Include the stylesheet Include the script Bind the Control to the editor

Predict - AutoComplete

Include the stylesheet Include the script Attach the data ('countryNames' here, is an Array, but it can be something else)