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.