08 Intro to Forms

April 2, 2020 | Lesson

In this lesson, we scratch the surface of HTML forms. While the Mozilla eBook provides great detail on forms, I prefer to focus on the basics and circle back around to the more advanced concepts later once the students encounter forms required for a development project.

Teacher Activities

  • Check Learning Journals
  • Pre-teach vocab (input / controls / widgets / submit)
  • Demonstrate web form examples (stripe, airbnb, orbitz)

Student Activities


Using the image below as a guide, code the Pizza Form

A form for ordering Pizza. This form image shows form labels followed by input controls of various types.