search engine optimization articles do it yourself seo hiring search engine experts html and search engine optimization web site analysis and submission service

HTML Fieldset Tutorial

Browser Support

Internet Explorer Firefox Opera Safari Chrome

The fieldset tag is one of my favorite tags! It allows you to group elements together logically and draws a box around them. The box also contains a legend.

A simple fieldset looks like this:

Fieldset Legend Name:


That's pretty plain Jane, but you can really dress up a fieldset element using CSS. For a good example, take a quick look at my sales page for 101 Writing Tips. Scroll down and look at the fieldset for the free bonus product and the fieldset to order the product.

Back so soon? Pretty neat, eh?

Here's the code for the simple fieldset show above:

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

Pretty simple, McGloopingham!

You can use a fieldset to group all kinds of items: products, thumbnail images, form fields, etc. I use them for order boxes, to highlight free bonuses, and to organize forms. You may have even better uses in mind!

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

This concludes the HTML Fieldset Tutorial.
PS - Forms Made Easy shows the exact code for fancy fieldsets.
Back | HTML Tag Chart | HTML Index | Web Design Tutorials
search engine optimization course
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:

First Name:

Privacy Policy

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 ]
See my fancy bottom! :)