O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Understanding HTML5 Input Types

Video Description

As the latest standard for HTML, HTML5 seeks to deliver content without the necessity of adding plugins and more enjoyable user experience.

HTML5 defines various new input types for web forms. This permits better input validation and control. This course introduces the 12 new input types, to wit:

  • Search
  • Email
  • URLs
  • Tel
  • Numbers
  • Range
  • Date
  • Month
  • Week
  • Time
  • Color
  • Validation

Why Study HTML5 Input Types

Due to these new values, HTML5 makes dealing with web forms easier. Faster client validation as well as the attributes which come with these HTML forms will be covered in this tutorial. Start learning and using these inputs today!


  • An easy and fun 10 minutes of learning
  • Easier web form development
  • Faster form validation

Table of Contents

  1. Introduction
    1. Introduction 00:01:14
  2. Understanding HTML5 Input Types
    1. Search 00:01:04
    2. E-mail 00:01:03
    3. Tel 00:00:42
    4. URLs 00:00:42
    5. Numbers 00:01:44
    6. Range 00:00:47
    7. Week 00:00:12
    8. Date 00:00:43
    9. Time 00:00:50
    10. Month 00:00:39
    11. Color 00:00:32
    12. Turning Off Automatic Validation 00:00:40
    13. Use Them Today 00:01:13