HTML <legend> Tag

The <legend> tag defines the caption for the group of form elements, grouped by the <fieldset> tag. In the browser, the group of form elements are framed, and the content of the <legend> tag is inserted into this frame.

Syntax

The <legend> tag comes in pairs; the content is written between the opening (<legend>) and the closing (</legend>) tags. Generally, the <legend> tag is defined as the first element in the <fieldset> parent element.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <form>
      <fieldset>
        <legend>Personal data:</legend>
        Name: <input type="text"><br/><br/>
        E-mail: <input type="text"><br/><br/>
        Date of birth: <input type="text"><br/><br/>
        Place of birth: <input type="text">
      </fieldset>
    </form>
  </body>
</html>

Result

Attributes

Attribute Value Description
align top
bottom
left
right
Defines the alignment of the caption.
Not supported in HTML5.

The <legend> tag supports the Global Attributes and the Event Attributes.

Browser support