Skip to content
Index730 resources
Multi-step form

Multi-step form

A long input broken into stages, validated per step and reviewable before submission.

Forms & Interaction Flows · 7 checks · 47 resources

Before you ship

7
  1. 01Progress indicator — a clear visual showing how many steps exist and which one the user is on, with labels for context
  2. 02Step heading and context — a clear title and brief context for each step, so users know what is being asked
  3. 03Field grouping — each step containing only fields that belong together logically
  4. 04Step-level validation — validation at each step before the user proceeds, not all at once at the end
  5. 05Back navigation — the ability to return to a previous step without losing subsequent progress
  6. 06Save and resume — the ability to save progress and return to the form later
  7. 07Final review step — a summary of all entered information before submission, with a link to edit each section

Resources that help you build this

47