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 withfor / 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.](/sites/default/files/hrsa/design-system/form.jpg)