Add a form — practice exercise

What you'll be asked to do

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

   Add a form element containing a submit button.

   Passes when: Add a form element containing a submit button.

2. 2.Set the actionexercise · easy · 10 min · practice plan

   Point the form at /subscribe.

   Passes when: Point the form at /subscribe.

3. 3.Set the methodexercise · easy · 10 min · practice plan

   Make the form submit with POST.

   Passes when: Make the form submit with POST.

4. 4.Name a fieldexercise · easy · 10 min · practice plan

   Add a text input named email so it is submitted.

   Passes when: Add a text input named email so it is submitted.

5. 5.Build a minimal working formexercise · medium · 10 min · practice plan

   Combine action, method, a named field and a submit button.

   Passes when: Combine action, method, a named field and a submit button.

6. 6.Fix the input outside the formbug fix · easy · 8 min

   A field outside the form is never submitted.

   Passes when: A field outside the form is never submitted.

7. 7.Fix the missing namebug fix · easy · 8 min · practice plan

   Without a name the value is never sent.

   Passes when: Without a name the value is never sent.

8. 8.Fix the wrong method valuebug fix · easy · 8 min · practice plan

   The method should be post, not send.

   Passes when: The method should be post, not send.

9. 9.Fix the wrong attribute for the targetbug fix · easy · 8 min · practice plan

   Forms use action, not href.

   Passes when: Forms use action, not href.

10. 10.Fix the div used as a formbug fix · easy · 8 min · practice plan

    A div cannot submit anything.

    Passes when: A div cannot submit anything.

Between them these tasks cover form element, action and method and Submit controls.

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