UI Components

Form

A form is a group of fields and controls used to collect and submit information.

Also called Entry formSubmission formPage to fill outSet of fields

Visual Example

Email address
Password
Create account

Plain Definition

Forms combine inputs, labels, helper text, validation, and an action button into one submission flow.

Use “form” when the interface is collecting information as a set, such as account details, contact information, preferences, or a support request. A single typing field is a text input; the whole collection around it is the form.

You Might Describe This As...

  • "Page to fill out"
  • "Set of fields"

Fast lookup

You May Also Mean

Form is often mixed up with Text Input because the patterns can organize or reveal similar content in different ways.

Text Input

Check the name, visual cue, and typical use.

What It Is Used For

  • Creating an account
  • Saving profile details
  • Submitting a request

Example User Phrasing

  • "Build a form for collecting contact details."
  • "Add fields and a submit button."