HTML Fieldset & Legend

Complete demonstration of the HTML <fieldset> and <legend> elements.

What is a Fieldset?

The <fieldset> element groups related controls inside a form, improving organization and accessibility.

✔ Organizes forms
✔ Improves readability
✔ Can contain any HTML elements
✔ Frequently used with input controls

Fieldset Syntax

<fieldset>   Contents... </fieldset>

Fieldset Attributes

Attribute Description
name Assigns a name to the fieldset.
disabled Disables every control inside the fieldset.
form Associates the fieldset with a form.

Example 1 - Fieldset Without Legend

Example 2 - Fieldset With Legend

Personal Details
Professional Details

Example 3 - Disabled Fieldset

Disabled Form

Example 4 - Registration Form

Account Information
Personal Information

Summary