HTML <legend> Tag

When grouping related items in an HTML form, the legend tag is used to provide a caption for the <fieldset> tag.

The <legend> element is another popular name for this tag.

Syntax

<legend> Contents here... </legend>

Example

<!DOCTYPE html>
<html>
<body>

<form action="/action.php">
  <fieldset>
	<legend>Personal details:</legend>

	<label for="username">User name:</label>
	<input type="text" id="username" name="username"><br><br>

	<label for="email">Email:</label>
	<input type="email" id="email" name="email"><br><br>

	<label for="designation">Designation:</label>
	<input type="text" id="designation" name="designation"><br><br>

	<input type="submit" value="Submit">
  </fieldset>
</form>

</body>
</html>

Preview

Supported Browsers

Element	Chrome	Firefox	Safari	Edge / IE	Opera
<legend>	Yes	Yes	Yes	Yes	Yes

<label>

<li>

HTML <legend> Tag

Syntax

Example

Supported Browsers

Links

Tutorials

Connect with us