HTML <fieldset> Tag

The fieldset tag is used to group similar items in an HTML form and is located within the <form> tag.

To generate a caption for the <fieldset>, use the <legend> tag. The fieldset tag is used to aggregate similar form components. The <fieldset> tag encloses the associated items in a box.

Syntax

<fieldset>Contents here...</fieldset>

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

Attributes

Attribute	Value	Description
disabled	disabled	Specifies the disabling of a collection of related form elements.
form	form-id	Specifies the form to which the fieldset belongs.
name	text	Provides a name for the fieldset.

Supported Browsers

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

<embed>

HTML <fieldset> Tag

Syntax

Example

Attributes

Supported Browsers

Links

Tutorials

Connect with us