HTML <legend> Tag
Example
Group related elements in a form:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text" size="30"><br>
Email: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>
Try it yourself »
Definition and Usage
The <legend> tag defines a caption for the <fieldset> element.
Browser Support
| Element | ||||||
|---|---|---|---|---|---|---|
| <legend> | Yes | Yes | Yes | Yes | Yes | Yes |
Differences Between HTML 4.01 and HTML5
The "align" attribute is not supported in HTML5.
Attributes
| Attribute | Value | Description |
|---|---|---|
| align | top bottom left right |
Not supported in HTML5. Specifies the alignment of the caption |
Global Attributes
The <legend> tag also supports the Global Attributes in HTML.
Event Attributes
The <legend> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Legend Object
Default CSS Settings
Most browsers will display the <legend> element with the following default values:
Example
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none;
}
Try it yourself »
