HTML5: Web Forms

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.

Topics include:

• Autofilling previously entered data with autocomplete
• Constraining form field data with a regular expression
• Using text-selection APIs
• Building CSS styling for invalid, valid, and required fields
• Creating a search field
• Including a phone number input field
• Formatting number fields
• Building a date picker
• Creating a list of suggested entries
• Indicating measurements

About the Author

Joe Marini is a senior developer advocate at Google and a developer of Dreamweaver and Windows Phone. Joe has worked in the web and software industries for more than 20 years. He was an original member of the Dreamweaver engineering team at Macromedia, and held prominent early roles in creating products such as QuarkXPress, Microsoft Expression Blend, mFactory’s mTropolis, and Extensis QX-Tools. He is regularly a featured speaker at industry conferences and has authored or co-authored several publications on web and software development. Prior to Google, Joe was responsible for the mobile web developer platform for Windows Phone 7 at Microsoft. His book, The Document Object Model, is widely regarded as the definitive resource for working with the DOM.

Product Details

• Full Video Tutorials
• Video File Format: MP4
• Skill Level: Beginner
• Video Duration: 1h 58m
• Instructor: Joe Marini