HTML5 input types

Choosing the right input type does more than only validate the input and provide native error messages, it also will change the keyboard input for mobile devices. If there is an input type that matches your requirements, that often is all that is needed.

HTML5 Input Types

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

Depending on the type, other attributes can be added to the input element to further constrain the allowed value.

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