HTML Input Types

The type attribute changes how an input behaves and what the browser validates.

Type	Description
`text`	Single-line text
`email`	Email address (validated)
`password`	Hidden text entry
`number`	Numeric input with up/down arrows
`date`	Date picker
`checkbox`	True/false toggle
`radio`	One choice from a group
`file`	File upload
`range`	Slider
`color`	Colour picker
`hidden`	Invisible data field
`submit`	Submit button

Example

<input type="text"     placeholder="Enter text">
<input type="email"    placeholder="name@example.com">
<input type="password" placeholder="Password">
<input type="number"   min="1" max="100">
<input type="date">
<input type="color">
<input type="range"    min="0" max="100" value="50">
<input type="checkbox" id="agree">
<label for="agree">I agree</label>

HTML

Full Editor

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned