Forms / The visual dictionary

Form.

Collects related values for a single task or submission.

Also calledinput formdata entry form
01

See it in context

UI illustration

A form gives structure to input fields, instructions, and actions. It should make the purpose and expected outcome clear while preserving entered information when a correctable error occurs.

When to use it

Group related fields, label them clearly, and give the submission action a specific name.

Know the difference

A collection of settings may apply immediately; a form often commits its values through submission.

WebiOSiPadOSAndroidmacOSWindowsLinux

Web

Use a native button for an action and an anchor for navigation. Preserve keyboard activation and a visible focus indicator.

iOS · iPadOS · Android

Provide a comfortable touch target, use familiar system symbols when appropriate, and show a clear pressed or selected state.

macOS · Windows · Linux

Keep pointer, keyboard, and focus behavior consistent. Common commands can additionally expose a menu item or keyboard shortcut.

Primary documentation for the pattern and its platform conventions.