Baseline Widely available
The <legend>
HTML element represents a caption for the content of its parent <fieldset>
.
In customizable <select>
elements, the <legend>
element is allowed as a child of <optgroup>
, to provide a label that is easy to target and style. This replaces any text set in the <optgroup>
element's label
attribute, and it has the same semantics.
<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: #000;
color: #fff;
padding: 3px 6px;
}
input {
margin: 0.4rem;
}
Attributes
This element only includes the global attributes.
ExamplesSee <form>
for examples on <legend>
.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3