The fieldset and legend Elements

#	Content	Views
1.	Tutorial Tags	37,061
2.	Tutorial + Programming	1,061,977
3.	Videos	353,273
4.	Results (`Annual + Re-appear`)	44,967
5.	Quiz Chapters	37,147
6.	Quiz Questions	540,385
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,246
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,500
13.	Downloads (Syllabus)	2,638

Home
HTML
Forms
The Fieldset And Legend Elements

The fieldset and legend Elements

The <fieldset> element is used to group related data in a form.

The <legend> element defines a caption for the <fieldset> element.

<!DOCTYPE html>
<html>
<body>

<h2>Grouping Form Data with Fieldset</h2>

<p>The fieldset element is used to group related data in a form, and the legend element defines a caption for the fieldset element.</p>

<form method="get" action="/php/action_page.php">
  <fieldset>
    <legend>Personal Information:</legend>
    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname" value="Bintu"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname" value="Chaudhary"><br><br>
    <input type="submit" value="Submit">
  </fieldset>
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #fieldset #legend

CSPunjab.Com

The fieldset and legend Elements

« Previous

The <fieldset> element is used to group related data in a form.

The <legend> element defines a caption for the <fieldset> element.

<!DOCTYPE html>
<html>
<body>

<h2>Grouping Form Data with Fieldset</h2>

<p>The fieldset element is used to group related data in a form, and the legend element defines a caption for the fieldset element.</p>

<form method="get" action="/php/action_page.php">
  <fieldset>
    <legend>Personal Information:</legend>
    <label for="fname">First name:</label><br>
    <input type="text" id="fname" name="fname" value="Bintu"><br>
    <label for="lname">Last name:</label><br>
    <input type="text" id="lname" name="lname" value="Chaudhary"><br><br>
    <input type="submit" value="Submit">
  </fieldset>
</form>

</body>
</html>

Live Demo & Try it yourself!