Summary -

In this topic, we described about the <fieldset> tag along with detailed example.

Grouping related form elements. The <fieldset> tag is used to group related form elements. The <fieldset> tag also groups the related controls and lables.

The tag can be specified like <fieldset></fieldset> with the form elements nested between the opening and closing tags. The <fieldset> tag draws a box around the related elements. New attributes added to <fieldset> in HTML5.

Syntax -

<fieldset>.. text here.. </fieldset>

Example -

<!DOCTYPE html>
<html>
	<head>
		<title>Fieldset tag example.. </title>
	</head>
	<body>
	  <form>
		<fieldset>
			<legend>Address</legend>
			Location: <input type="text"><br>
			Email: <input type="text"><br>
			Pincode: <input type="text">
		</fieldset>
	  </form>
	</body>
</html>

Output -

Address Location:   Email:      Pincode: