Sponsors

  • Microsoft
  • Nebula
  • Google
  • SugarCRM
  • Facebook
  • HP
  • Intel
  • Rackspace Hosting
  • WSO2
  • Alfresco
  • BlackBerry
  • CUBRID
  • Dell
  • eBay
  • Heroku
  • InfiniteGraph
  • JBoss
  • LeaseWeb
  • Liferay
  • Media Temple, Inc.
  • OpenShift
  • Oracle
  • Percona
  • Puppet Labs
  • Qualcomm Innovation Center, Inc.
  • Rentrak
  • Silicon Mechanics
  • SoftLayer Technologies, Inc.
  • SourceGear
  • Urban Airship
  • Vertica
  • VMware
  • (mt) Media Temple, Inc.

Sponsorship Opportunities

For information on exhibition and sponsorship opportunities at the convention, contact Sharon Cordesse at scordesse@oreilly.com

Download the OSCON Sponsor/Exhibitor Prospectus

Contact Us

View a complete list of OSCON contacts

HTML5: All about Web Forms

Estelle Weyl (Standardista.com)
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

Standardista.com

Estelle Weyl started her professional life in architecture, then managed teen health programs. In 2000, she took the natural step of becoming a web standardista. She has consulted for Kodakgallery, SurveyMonkey, Samsung, Yahoo! and Apple, among others. Estelle shares esoteric tidbits learned while programming CSS, JavaScript and XHTML and detailed grids of CSS3 and HTML5 browser support in her blog at http://www.standardista.com. She is a co-author of Mobile HTML5, HTML5: The Definitive Guide and HTML5 and CSS3 for the Real World. While not coding, she works in construction, de-hippifying her 1960’s throwback abode.

Comments on this page are now closed.

Comments

Picture of Estelle Weyl
Estelle Weyl
08/01/2011 12:24pm PDT

The slides are currently available at iestelle.com/forms.html

Picture of Earl Ruby
Earl Ruby
08/01/2011 12:13pm PDT

The notes from this talk, www.oscon.com/oscon2011/pub..., 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 5:39pm PDT

Slides are at www.evotech.net.