W3Schools.com

HTML5 <legend> Tag

Example

How to 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 »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <legend> tag is supported in all major browsers.


Definition and Usage

The <legend> tag defines a caption for the <fieldset>, <figure>, and the <details> elements.


Differences Between HTML 4.01 and HTML5

In HTML 4.01 the <legend> tag only applies to the <fieldset> element.

In HTML5 the <legend> tag applies to: <fieldset>, <figure>, and <details>.

The align attribute is not supported in HTML5. Use CSS instead.


Global Attributes

The <legend> tag also supports the Global Attributes in HTML5.


Event Attributes

The <legend> tag also supports the Event Attributes in HTML5.


WEB HOSTING
Best Web Hosting
PHP MySQL Hosting
Best Hosting Coupons
UK Reseller Hosting
Cloud Hosting
Top Web Hosting
$7.95/mo SEO Hosting
Premium Website Design
WEB BUILDING
XML Editor - Free Trial!
FREE Website BUILDER
Free Website Templates Free CSS Templates
Make Your Own Website
W3SCHOOLS EXAMS
Get Certified in:
HTML, CSS, JavaScript, XML, PHP, and ASP
W3SCHOOLS BOOKS
New Books:
HTML, CSS
JavaScript, and Ajax
STATISTICS
Browser Statistics
Browser OS
Browser Display
SHARE THIS PAGE