# Input Types — HTML Fundamentals: Structure, Forms and Accessibility

Source: https://www.skillbyai.com/en/html/html-input-types

> Collect text, email, number, date and checkbox input with input types, placeholders and values.

## type= changes everything

The same `<input>` tag renders differently based on `type` — text box, checkbox, date picker, and more.

```html
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="password">
<input type="number" min="0" max="100">
<input type="date">
<input type="checkbox"> Subscribe
<input type="radio" name="plan"> Free
```

## placeholder vs value

`placeholder` is faint hint text that disappears on typing; `value` is real pre-filled data that gets submitted.