Creating cross-browser enhanced HTML5 forms

Example 1 (using the type attribute)

The required attribute only enforce presence of control values and prevent form submission in case the control value is absent.

This example make use of the type attribute to validate the control values in a default way while it uses the required attribute to avoid submitting the form when the control value is empty.

Form functionality notes

• an asterisk at the end indicates mandatory fields
• the age field only accepts numeric keystrokes
• the placeholder attribute is set for all fields
• all fields but last are mandatory (required)