Skip to main content

HTML Input Types — exercises and bug fixes

5 hands-on exercises and 5 find-the-bug challenges for the HTML Input Types lesson. Every one is checked automatically in the browser — write the code, run it, and the tests tell you what still fails.

Sign in to start solvingCreate a free account

Exercises(5)

  1. 1

    Add an email field

    easy10 min

    Add an input of type email.

  2. 2

    Add a password field

    easy10 min

    Add an input of type password.

  3. 3

    Add a number field

    easy10 min

    Add an input of type number.

  4. 4

    Add a checkbox

    easy10 min

    Add an input of type checkbox.

  5. 5

    Add a date picker

    medium10 min

    Add an input of type date.

Find the bug(5)

  1. 1

    Fix the text field used for email

    easy8 min

    Use the email type so browsers validate the format.

  2. 2

    Fix the visible password

    easy8 min

    A password field must not use type text.

  3. 3

    Fix the invented type

    easy8 min

    There is no "digits" input type.

  4. 4

    Fix the radio used for a single toggle

    easy8 min

    A single on/off choice should be a checkbox.

  5. 5

    Fix the missing type

    easy8 min

    Without a type the field defaults to text.

Ready to write the code?

The editor, the automatic checks and the worked solutions open up with an account.

Open the workspace