Label a field — practice exercise

What you'll be asked to do

1. 1.Label a fieldexercise · easy · 10 min

   Tie a label to a text input.

   Passes when: Tie a label to a text input.

2. 2.Wrap the inputexercise · easy · 10 min · practice plan

   Put the input inside the label instead of using for.

   Passes when: Put the input inside the label instead of using for.

3. 3.Label a checkboxexercise · easy · 10 min · practice plan

   Tie a label to a checkbox.

   Passes when: Tie a label to a checkbox.

4. 4.Two labelled fieldsexercise · easy · 10 min · practice plan

   Label both a name and an email field.

   Passes when: Label both a name and an email field.

5. 5.A labelled form rowexercise · medium · 10 min · practice plan

   Build a form with a label, an input and a submit button.

   Passes when: Build a form with a label, an input and a submit button.

6. 6.Fix the label pointing at the wrong idbug fix · easy · 8 min

   The for value must match the input's id.

   Passes when: The for value must match the input's id.

7. 7.Fix the plain text used as a labelbug fix · easy · 8 min · practice plan

   A caption for a field is a label element.

   Passes when: A caption for a field is a label element.

8. 8.Fix the unlabelled checkboxbug fix · easy · 8 min · practice plan

   A checkbox needs a label to be clickable and readable.

   Passes when: A checkbox needs a label to be clickable and readable.

9. 9.Fix the missing second labelbug fix · easy · 8 min · practice plan

   Only one of the two fields is labelled.

   Passes when: Only one of the two fields is labelled.

10. 10.Fix the label outside the formbug fix · easy · 8 min · practice plan

    The label belongs with the field it names.

    Passes when: The label belongs with the field it names.

Between them these tasks cover Labels, for and id and Click targets.

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