Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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.
Hi! I am Joe Marini, and I'd like to welcome you to HTML5: Web Forms in Depth. In this course, we are going to learn about the new capabilities of web forms in HTML5. I'll show you how to use the new form attributes which replace many of the scripting techniques you need to use today, to implement common features like autofocus and required fields. Then we will move on to the new input types, which provide new ways of gathering data from users and validating it. I'll walk you through the new form elements that are available to use in HTML5, like the datalist and progress elements, and see how the new HTML5 form features work in the mobile web environment.
And finally we'll see how to take an existing web form and enhance it to work in modern HTML5 browsers while providing fallback features for older browsers using free tools available on the web today, such as jQuery and Modernizr. Now if all that is enough to get you excited, then let's get started with HTML5 Web Forms in Depth.
There are currently no FAQs about HTML5: Web Forms in Depth.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.