<legend>: The Field Set Legend element - HTML | MDN
Try it
<fieldset>
<legend>Choose your favorite monster</legend>
<input type="radio" id="kraken" name="monster" value="K" />
<label for="kraken">Kraken</label><br />
<input type="radio" id="sasquatch" name="monster" value="S" />
<label for="sasquatch">Sasquatch</label><br />
<input type="radio" id="mothman" name="monster" value="M" />
<label for="mothman">Mothman</label>
</fieldset>
legend {
background-color: black;
color: white;
padding: 3px 6px;
}
input {
margin: 0.4rem;
}
Attributes
This element only includes the global attributes.
Examples
See <form> for examples on <legend>.
Technical summary
| Content categories | None. |
|---|---|
| Permitted content | Phrasing content and headings (h1–h6 elements). |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents |
A <fieldset> whose first child is this
<legend> element. In customizable select elements, a <legend> element is permitted as a child of <optgroup> .
|
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No role permitted |
| DOM interface | HTMLLegendElement |
Specifications
| Specification |
|---|
| HTML # the-legend-element |