HTML <legend> Tag

  2. HTML Tags
  3. <legend>

Description

The <legend> HTML element is used to create the title of a group of form elements, which is defined using the <fieldset>. A group of elements is indicated in the browser with a frame, and the text that is located inside the <legend> container is embedded in this frame.

Properties

Permitted Parents
A <fieldset> whose first child is this <legend> element
Content
Inline and text
Start/End Tags
Start tag: required, End tag: required

Example

<form>

  <fieldset>

    <legend>Personal Information:</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>

Attributes

Attribute Definition
align For alignment. Top, left, top, bottom. This attribute is deprecated

Global Attributes

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

Event Attributes

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

Browser Support

The following table will show you the current browser support for the HTML <legend> tag.

Desktop
Edge Chrome Firefox Opera Safari
121112.13
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
18412.1114.4

Last updated by CSSPortal on: 30th September 2023

  • Sponsors
    • Turn Website into App - Convert your website into an app for Android and iOS. Updates automatically. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Learn Wordpress - Wordpress hosting. Theme and plugin reviews. Wordpress development tips. Templatic - Wordpress Themes, Cloud Hosting, Backups and Webmaster Tips. A2 Web Hosting - Shared hosting, Reseller hosting, Cloud hosting, Dedicated hosting. Online Password Manager - Access your passwords from any computer, no need to remember all of your passwords. Advertise Here - Advertise your company and products here!