Adding a Fieldset


Adding a Fieldset

A fieldset is HTML's way of grouping fields on your form together to add additional meaning for the user . While how a fieldset will display on a Web page depends on the browser being used: Dreamweaver's Design view shows it as a thin gray line around a fieldset's contents. Compare Figure 10.10 with Figure 10.12 : it's easier to see that those check boxes are grouped together, and all have a similar function.

Figure 10.12. Adding a fieldset to your form helps group together related form fields, making your form easier for your visitors to understand.


To add a fieldset:

1.
Choose where in your form you want your fieldset to appear, and click the fieldset button on the Insert Bar.

2.
The Fieldset dialog will appear ( Figure 10.13 ), asking you to enter a legend that's the text that will appear at the beginning of the fieldset (Figure 10.12). Enter that text, click OK, and the fieldset box will appear.

Figure 10.13. Enter the legend text into the Fieldset dialog.


3.
If you're adding a fieldset to an existing form, drag the related fields into the fieldset. If it's a new form, click inside the fieldset and create its fields.

Tips

  • If the fieldset contains no form fields, the legend will appear inside the box. When form fields are added, the legend will be displayed as part of the box.

  • If you're dragging fields inside the fieldset, be careful when selectingyou'll want to make sure (for example) that all of a label is selected.

  • You can't change a fieldset or a legend via the Property Inspector. If you want to modify either, the legend can be changed by modifying the text in the document window, and the fieldset can be changed by going into Code view.

  • A fieldset can contain any type of form fields, not just check boxes.





Macromedia Dreamweaver 8 for Windows & Macintosh Visual QuickStart Guide
Macromedia Dreamweaver 8 for Windows & Macintosh
ISBN: 0321350278
EAN: 2147483647
Year: 2005
Pages: 239

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net