Forms exercise

Example form

1. Review - Set up basic html elements for a page.
2. Set up opening and closing form tags (within the Body tags). Use the defined action for FormMail (in example).
3. Insert a text field for Name. Remember to add the text outside the field for the user to see. Use <br> for line breaks or &nbsp; for extra spaces.
4. Insert a text field for E-mail.
5. Insert the Submit and Reset buttons (setting a value is optional).
6. Set the "recipient" and "redirect" hidden fields. Other hidden fields are optional.
   Note: you can set the redirect to an existing URL or web page or create your own Thank You page and point to it.
7. Save as "form.html"
8. Open in browser to view.
9. Test.
   
   If time allows, insert these other form fields:
   
10. Insert a text area and define size and wrapping.
11. Define 3 or more checkboxes with a question that may have multiple answers.
12. Define 2 or more radio buttons with a question that needs only one answer: yes/no, gender, etc.
13. Set up a select list with 3 or more choices.
14. Save.
15. Open in browser and test.

View exercise with answer key (not for classroom students)

Next --> Tables