<legend> tag — TutorialBrain

HTML <legend> tag

The <legend> tag describes caption (text label) for a parent element.

Most of the times, it is coded inside the <fieldset> tag.

You can add labels for input form controls like text, button, Textarea, email etc.

Syntax:
<legend> text..</legend>

Example

<fieldset>
  <legend>Employee Details:</legend>
  Name:<br><input type="text" name="Name" value=""><br>
  Email Id:<br><input type="text" name="Email Id" value=""><br>
  Employee Id:<br><input type="text" name="Employee Id" value=""><br>
  Phone.No:<br><input type="text" name="Phone.No" value=""><br><br>
  <button type="button" onclick="document.write(‘Form submitted’)">Submit</button>
</fieldset>

Default CSS Values

display: block;
padding-left: 2px;
padding-right: 2px;
border: none;

How Browser will display

BLOCK Level.

Difference between HTML4.01, XHTML and HTML5

HTML4	XHTML	HTML5
NA	NA	align attribute is deprecated in HTML5

Attributes used with <legend> tag

Attribute	Description
align	To align the caption to top, right, bottom or left. (HTML5 does not support this attribute when it is used with the <legend> tag).

Global Attributes

The <legend> tag supports Global attributes.

Event Attributes

The <legend> tag supports Event attributes.

Supporting Browsers

Related Tags

<fieldset>, <input>, <form> tags.