Add an email field — practice exercise

What you'll be asked to do

1. 1.Add an email fieldexercise · easy · 10 min

   Add an input of type email.

   Passes when: Add an input of type email.

2. 2.Add a password fieldexercise · easy · 10 min · practice plan

   Add an input of type password.

   Passes when: Add an input of type password.

3. 3.Add a number fieldexercise · easy · 10 min · practice plan

   Add an input of type number.

   Passes when: Add an input of type number.

4. 4.Add a checkboxexercise · easy · 10 min · practice plan

   Add an input of type checkbox.

   Passes when: Add an input of type checkbox.

5. 5.Add a date pickerexercise · medium · 10 min · practice plan

   Add an input of type date.

   Passes when: Add an input of type date.

6. 6.Fix the text field used for emailbug fix · easy · 8 min

   Use the email type so browsers validate the format.

   Passes when: Use the email type so browsers validate the format.

7. 7.Fix the visible passwordbug fix · easy · 8 min · practice plan

   A password field must not use type text.

   Passes when: A password field must not use type text.

8. 8.Fix the invented typebug fix · easy · 8 min · practice plan

   There is no "digits" input type.

   Passes when: There is no "digits" input type.

9. 9.Fix the radio used for a single togglebug fix · easy · 8 min · practice plan

   A single on/off choice should be a checkbox.

   Passes when: A single on/off choice should be a checkbox.

10. 10.Fix the missing typebug fix · easy · 8 min · practice plan

    Without a type the field defaults to text.

    Passes when: Without a type the field defaults to text.

Between them these tasks cover Input types and Choosing the right control.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.