Finding & grouping fields

An in-class activity to help get used to the different types of form fields available and how they should be grouped together.

Go fullscreen: ⌃⌥F

Finding & grouping fields

What & why

There are lots of different types of form fields available and many different ways to group them.

Understanding which form field to choose in which specific situation, and how to group the fields, will make more usable forms.

Set up

  1. Form into pairs
  2. Download the files
  3. Get some paper, be all digital, to write notes
  4. You’ll be shown a form:
    • Determine the type or element for each field
    • Determine if the field should be grouped with other fields using a <fieldset>

BookOutlet account sign-up form

1

BookOutlet payment form

2

BookOutlet shipping form

3
Start

Finding & grouping fields

An in-class activity to help get used to the different types of form fields available and how they should be grouped together.