A visual grouping of form fields

fieldset

The fieldset element groups together related form labels and fields.

When used in a form, the fieldset element can be styled to visually guide the user to show which form elements are tightly related and which are separate and distinct.

By default, the browser draws a fieldset element as a wire-framed box with an overlaid caption. The caption is obtained from the first legend element inside the fieldset.

Properties

disabled
When present, the disabled attribute disables all of the form elements subordinate to it.
form
This attribute may be used to declare the fieldset to be part of a form even when it is not directly subordinate to it. Provide the ID of the form.

Example

form {
fieldset {
legend Vote for your favorite scented plant
input #primrose *type=radio *name=favorite Primrose
input #plumeria *type=radio *name=favorite Plueria
input #ylang-ylang *type=radio *name=favorite Ylang-Ylang
input #lily-of-the-valley *type=radio *name=favorite Lily of the Valley
}
}
The fieldset element

Complements

fieldset
The fieldset element groups together related form labels and fields.

semantax > input-output > fieldsetA visual grouping of form fields

🔎