HTML5: All about Web Forms

Javascript & HTML5
Location: Portland Ballroom
Presentation: external link
Average rating: ***..
(3.76, 17 ratings)

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.

Photo of Estelle Weyl

Estelle Weyl

Instart Logic

Estelle Weyl started her professional life in architecture and then managed teen health programs. In 2000, Estelle took the natural step of becoming a web standardista. She is the Open Web and performance evangelist for Instart Logic and has consulted for Kodak Gallery, SurveyMonkey, Samsung, Yahoo, Visa, and Apple, among others. Estelle shares esoteric tidbits learned while programming and detailed grids of CSS3 and HTML5 browser support in her blog. She is a coauthor of Mobile HTML5, CSS3: The Definitive Guide, and HTML5 and CSS3 for the Real World. While not coding, Estelle works in construction, dehippifying her 1960s throwback abode.

Comments on this page are now closed.


Picture of Estelle Weyl
Estelle Weyl
08/01/2011 5:24am PDT

The slides are currently available at

Picture of Earl Ruby
Earl Ruby
08/01/2011 5:13am PDT

The notes from this talk,, currently shows the error message “Sorry, but the page you were looking for was not found. Please check the URL you entered and try again.”

Picture of Estelle Weyl
Estelle Weyl
07/27/2011 10:39am PDT

Slides are at