The HTML <legend> element represents a caption for the content of its parent <fieldset>.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
| 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 |
| Implicit ARIA role | No corresponding role |
| Permitted ARIA roles | No role permitted |
| DOM interface | HTMLLegendElement |
Attributes
This element only includes the global attributes.
Examples
See <form> for examples on <legend>.
Specifications
| Specification | Status | Comment |
|---|---|---|
| HTML Living Standard The definition of '<legend>' in that specification. |
Living Standard | Definition of the legend element |
| HTML5 The definition of '<legend>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<legend>' in that specification. |
Recommendation | Initial definition |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
legend | Chrome Full support Yes | Edge Full support 12 | Firefox Full support 1 | IE Full support 6 | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android ? | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown