The <fieldset> tag was introduced in the HTML 4.0 specification and is designed to provide you with a method to graphically group form elements together on a web page. For example, the HTML code:
Also available with the <fieldset> tag is the <legend> tag. This tag allows you to add a title (or legend) to the border around the form elements. For example:
Sadly, this tag cannot be used with the built-in SiteSpinner form tools. Code objects would have to be used, which defeats the purpose of using SiteSpinner. Besides, you can always use a rectangle shape to put a border around common form elements.
But the fieldset tag has two redeeming factors. One is the <legend> tag; you cannot currently add a label to a rectangle shape. The other is that the fieldset does not care what is between the opening and ending tags. This means that you can use it to draw a labeled border around any SiteSpinner object: text, image, iframe, etc. For example, the following is a fieldset drawn around two images, with each image linked to something.
Because the fieldset tag must be used in SiteSpinner with HTML code, its usefullness is obviously limited unless you know HTML. However, one area of SiteSpinner that is lacking is in formatting the appearance of lists. Here the fieldset tag can be of some help. Mixing code and text, for example, as:
The Beginning
The Middle
The End
<fieldset><legend>Chapter</legend>
The Beginning
The Middle
The End
</fieldset>
yields:
Because the fieldset tag is considered an HTML block element, the normal attributes of block elements can be applied to it. You can change its border style, background color, use a background image and include other style information. The legend tag will also accept an align attribute to place the text label either to the left (align=left), in the middle (align=center), or on the right (align=right).
Applying the following CSS style codes:
The Beginning
The Middle
The End
to the above example, and centering the legend, yields:
style="background:peachpuff url("image/baskget.gif")
left repeat-y;border:double;"