HTML5 input types

Leveraging HTML5 input types offers significant benefits: native validation, tailored mobile keyboards, and streamlined form development. When a specific input type fits your needs, it's often the most effective and simplest solution.

HTML5 Input Types

email
search
tel (for telephone numbers)
url
number
range
datetime-local
month
time
week
color

Beyond the type attribute, additional attributes can be used to further constrain input values.

Input Type Attributes

All input types can have a required attribute.
The list below is not exhaustive; please refer to the HTML5 Input Attributes documentation for more information.

email: pattern, multiple
search: pattern
tel: pattern
number: min, max, step
range: min, max, step
datetime-local: min, max, step
month: min, max, step
time: min, max, step
week: min, max, step
color