HTML Legend Tag

Browser Support

The legend tag provides the caption for a fieldset element. A fieldset allows you to group elements together, such as thumbmail images, icons, form fields, etc.

If you look at the fieldset example below—the legend is the part that reads Fieldset Legend.

Fieldset Legend Name:

Email:

Here's the code for that simple fieldset:

<fieldset>
<legend>Fieldset Legend</legend>
Name: <input type="text">
<p>
Email: <input type="text">
</p></fieldset>

The fieldset and legend can be fancied up nicely using CSS. An image can be substituted for legend text as well.

For an example of using an image with a fieldset legend, view the product page for Public Domain Profits and scroll to the bottom and see the fieldset for ordering the Public Domain Profits ebook. The legend is an image.

Use your back button to return to this page.

Based on your interest in this tutorial you may also be interested in:

This concludes the HTML Label Tutorial.

PS - Forms Made Easy shows the exact code for fancy fieldsets.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]