HTML <legend> Tags

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> 
Execute Code

Definition and Usage

The <legend> tag defines a caption for the <fieldset> element.


Browser Support

Element Chrome Internet Explorer Firefox Safari Opera
<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

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;
}