HTML5: All about Web Forms

HTML forms have been the bane of web developers for years. Not anymore!

With HTML5 you may learn to love forms. Imagine a day when you can validate a form without any JavaScript. Date pickers, place holder text, pattern matching, required fields, auto focus, error handling, all without JavaScript? That day is not as far off as you think. In this session we’ll discuss new to HTML5 form input types and attributes. We can’t promise that you’ll love creating web forms, but you will gain a new, exciting appreciation.

We’ll learn all about creating dynamic web forms with form validation without the use of javascript. Topics covered include:

• The new HTML5 input types
• Controlling what keyboard types gets displayed on touch keyboards, including the iPad and iPhone,
• Placeholder Attribute: Adding native placeholder text and clearing on focus
• Native form validation: Error messages with no javascript
• Date & time input types: The jQuery datepicker, without jQuery.
• Providing focus to a form element, including focus on invalid input without javascript.
• CSS & Forms: Stylizing form elements based on current states of required and invalid
• Pattern attribute – Pattern matching for form input: with regular expressions and no javascript
• element and list attribute- providing autosuggest on inputs, again no javascript.

Browsers are beginning to support HTML5 web forms. In this session we’ll learn how to implement them.