X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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 »



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook