Add a message box — practice exercise

What you'll be asked to do

1. 1.Add a message boxexercise · easy · 10 min

   Add a textarea named message.

   Passes when: Add a textarea named message.

2. 2.Set its sizeexercise · easy · 10 min · practice plan

   Give the textarea four rows.

   Passes when: Give the textarea four rows.

3. 3.Add a placeholderexercise · easy · 10 min · practice plan

   Show a hint inside the box.

   Passes when: Show a hint inside the box.

4. 4.Label the boxexercise · easy · 10 min · practice plan

   Tie a label to the textarea.

   Passes when: Tie a label to the textarea.

5. 5.A message field in a formexercise · medium · 10 min · practice plan

   Put a labelled, required textarea inside a form.

   Passes when: Put a labelled, required textarea inside a form.

6. 6.Fix the single-line input used for a messagebug fix · easy · 8 min

   Long text needs a textarea.

   Passes when: Long text needs a textarea.

7. 7.Fix the size set with the wrong attributebug fix · easy · 8 min · practice plan

   Height in lines is the rows attribute.

   Passes when: Height in lines is the rows attribute.

8. 8.Fix the hint written inside the boxbug fix · easy · 8 min · practice plan

   Text between the tags becomes the value, not a hint.

   Passes when: Text between the tags becomes the value, not a hint.

9. 9.Fix the label with no targetbug fix · easy · 8 min · practice plan

   The label must point at the textarea's id.

   Passes when: The label must point at the textarea's id.

10. 10.Fix the optional messagebug fix · easy · 8 min · practice plan

    The message is meant to be required.

    Passes when: The message is meant to be required.

Between them these tasks cover Multi-line input, rows and cols and Labels.

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