Overview of the new HTML5 Forms features

Let's take a look at a summary of the new HTML5 forms, attributes and methods…that HTML5 adds for form support, so we can get a better idea of what we'll be…doing throughout the course.…First, let's take a look at the new attributes for forms and form elements.…This table illustrates the new form element attributes that you can use on…certain form elements and some of these are really useful and replace scripting…techniques you used to have to use in older browsers.…The first one, the autofocus, specifies a form element that should receive the…input focus when the page loads.…

So when the page comes up, the browser will look for the first element that has…autofocus on it and give it the focus.…The autocomplete attribute indicates that this element's value might be…remembered for future entries.…Some browsers provide the ability to remember stuff that you've typed into…certain text fields and other input elements and this controls whether or not…you want the browser to remember those values.…

Resume Transcript Auto-Scroll

Author

Released

5/31/2011

In this course, author Joe Marini details the latest enhancements for client-side forms found in HTML5. Using real-world examples, the course showcases the capabilities of the specification's new attributes and form elements, such as displaying default placeholder text, setting required fields, capturing email addresses, and presenting calculation results within a form. The course also demonstrates mobile device support for HTML5 forms and shows how to modernize existing forms while maintaining backwards compatibility for older browsers.