HTML5: Web Forms

HTML5: Web Forms

HTML5: Web Forms is an Beginner level study on Developer, compiled by the creator, Joe Marini. This study is an important foundation for anyone who needs to sharpen his/her Developer expertise. It provides you a thorough grip on Developer, Web, Web Design, Web Development, HTML, Developer, Web, Web Design, Web Development and HTML.

Free Download - HTML5: Web Forms
Author Joe Marini
Publish Date 5/31/2011
Skill Beginner
Duration 1h 58m
Topic Developer
Video Tutorials 31
Last Update N/A

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

HTML5: Web Forms : Video Lessons

  • Welcome57s
  • Using the exercise files1m 59s
  • Installing the essential tools2m 36s
  • Using HTML5 Forms in the real world1m 49s
  • What's new in HTML5 Forms?5m 6s
  • Overview of the new HTML5 Forms features3m 48s
  • Designating a default active form field using the autofocus attribute3m 44s
  • Auto-filling previously entered data with the autocomplete attribute3m 16s
  • Displaying placeholder text in form fields5m 14s
  • Constraining form field data with a regular expression using the pattern attribute3m 28s
  • Creating Submit buttons that bypass validation rules using the novalidate attribute3m 28s
  • Setting required fields2m 58s
  • Using the text selection APIs4m 42s
  • Building CSS styling for invalid, valid, and required fields4m 15s
  • Creating a search field2m 44s
  • Capturing email addresses3m 17s
  • Building a web address field3m 35s
  • Creating a phone number input field2m 22s
  • Formatting number fields4m 44s
  • Creating fields for capturing number ranges4m 10s
  • Building a date picker field7m 22s
  • Invoking the color picker for field input2m 10s
  • Creating a list of suggested entries using the datalist element3m 50s
  • Using the progress element to create a progress bar3m 52s
  • Indicating measurements with the meter element5m 33s
  • Displaying the results of a calculation using the output element5m 36s
  • HTML5 Forms and mobile8m 34s
  • Transforming an ordinary form into an HTML5 form12m 15s
  • Goodbye53s

Recommended video tutorials from YouTube.

  • HTML5 - Web Forms 2.0
  • HTML5 - Web Forms 2.0 Watch more Videos at https://www.tutorialspoint.com/videotutorials/index.htm Lecture By: Mr. Anadi Sharma, Tutorials Point India ...

  • DateTime : 2018-04-19 13:10:11
  • Source : Tutorials Point (India) Ltd.
  • Learn HTML Forms In 25 Minutes
  • Data is key to the web, and the only way to collect data is HTML forms. In this video I will be covering absolutely everything you need to know about HTML forms ...

  • DateTime : 2019-06-08 16:00:05
  • Source : Web Dev Simplified
  • Tutorial: How to use Web forms - HTML5
  • This tutorial reviews the web form elements available in HTML5.

  • DateTime : 2018-01-04 20:27:41
  • Source : Peter Thomson
HELP THE AUTHOR

Please consider buying this course - HTML5: Web Forms directly from the author - Joe Marini. This way you could help the author create more great content, also you may get personal help.

The links being shared are only for poor students who really cannot afford to pay. So, if you are capable of paying please do consider it once before trying the free download links.

Categorised in: , , , ,

Kindly note, we have recently migrated to a new server. In case of download links not working at all it means that we are undergoing maintenance at the backend. In such case please try after 24 hours. Also make sure your internet connection is persistant else the file may endup corrupted.