THE WORLD'S LARGEST WEB DEVELOPER SITE

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

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 »