HTML5 Demos
Home
Canvas
jqGrid
Basic form elements
Search Form
Search: The search input box gains new meaning under HTML5. Note the autofocus.
This browser doesn't support the Search type.
You must specify a search value.
Other Form Fields
Date: No more JavaScript required to present date/time entries on supported browsers.
However, this browser doesn't support the date input type, so we can use Modernizr to inject the jQueryUI Date picker control.
Name: note the placeholder text when the field is empty.
Email: an input box that requires a well-formed email address.
This browser doesn't support the email input type.
Please enter a valid email address.
Age: a numeric input field with a valid range.
This browser doesn't support the range input type.
Enter an age between 0 and 100 inclusive.
Color Datalist: This is a text input box with a predefined list of choices.
This browser doesn't support the data list.