Forms / The visual dictionary

Form group.

Keeps related fields and instructions together visually.

Also calledfield groupform section
01

See it in context

UI illustration
Contact details

Grouping reduces the effort of understanding a long form by placing connected questions in a clear section. A heading identifies the theme of the grouped fields.

When to use it

Group fields by the information people need to think about together.

Know the difference

A fieldset is a semantic HTML grouping element; a form group describes the broader layout pattern.

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.