Breadcrumb
  1. Home
  2. Design System
  3. Components
  4. Form

Form

A form collects information to be sent to a server for processing.

Use: 

  • When a user will submit information that will generate immediate feedback (such as a search form)
  • When a user will submit information that HRSA will store and retrieve later (such as a sign-up form)

Usability Notes

Ensure that form instructions are easy to understand.

Accessibility Notes

  • Include the <label> element for each form field, along with for / id to associate each label with the corresponding form field.
  • Use <fieldset> and <legend> to group associated form fields where appropriate.

Examples

Examples of various types of forms, including name, sign in, mailing address, password reset, and date input. Each form has a heading. For each field, the label is above the field.
Date Last Reviewed: