Choose the input types

Each of these boxes accepts anything. Give each a suitable type.

What to build

The same three inputs with the right type.

Requirements

  • The email input has type="email".
  • The age input has type="number".
  • The birthday input has type="date".

Constraints

Do not change the names or the labels.

Example

<input type="date"> shows a date picker.

Why it works

The browser now knows what kind of value each box expects, so it can show a better keyboard and check the format.

Hints

Hint 1

email, number and date are all values of the type attribute.

Solution

Show one correct solution (try it yourself first)
<form>
  <label for="e">Email</label> <input id="e" name="email" type="email">
  <label for="a">Age</label> <input id="a" name="age" type="number">
  <label for="b">Birthday</label> <input id="b" name="birthday" type="date">
</form>

Lesson: The right control for each question →