Add a placeholder — practice exercise

What you'll be asked to do

1. 1.Add a placeholderexercise · easy · 10 min

   Add placeholder text to an input.

   Passes when: Add placeholder text to an input.

2. 2.Make a field requiredexercise · easy · 10 min · practice plan

   Mark the input as required.

   Passes when: Mark the input as required.

3. 3.Set a default valueexercise · easy · 10 min · practice plan

   Give the input a default value of 1.

   Passes when: Give the input a default value of 1.

4. 4.Make a field read-onlyexercise · easy · 10 min · practice plan

   Mark the input as readonly.

   Passes when: Mark the input as readonly.

5. 5.Limit the lengthexercise · medium · 10 min · practice plan

   Restrict the input to 10 characters.

   Passes when: Restrict the input to 10 characters.

6. 6.Fix the placeholder used as a labelbug fix · easy · 8 min

   A placeholder disappears on typing — add a real label.

   Passes when: A placeholder disappears on typing — add a real label.

7. 7.Fix the misspelled requiredbug fix · easy · 8 min · practice plan

   "require" is not a valid attribute.

   Passes when: "require" is not a valid attribute.

8. 8.Fix the default set as textbug fix · easy · 8 min · practice plan

   Default content goes in the value attribute, not between tags.

   Passes when: Default content goes in the value attribute, not between tags.

9. 9.Fix disabled used instead of readonlybug fix · easy · 8 min · practice plan

   A disabled field is not submitted; readonly is.

   Passes when: A disabled field is not submitted; readonly is.

10. 10.Fix the wrong length attributebug fix · easy · 8 min · practice plan

    The attribute is maxlength, not maxsize.

    Passes when: The attribute is maxlength, not maxsize.

Between them these tasks cover placeholder, required, value and readonly.

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