HTML - Input Types

Overview

Estimated time: 30–40 minutes

Pick the right type to improve accessibility, validation, and mobile keyboards.

Examples

<input type="email" required>
<input type="date">
<input type="range" min="0" max="100">
<input type="number" min="1" max="10" step="1">
<input type="color">
<input type="file" accept="image/*">

Try it

Common Pitfalls

  • Using text for everything—lose built-in semantics.