Forms: HomeSite 1.2
Create Menu Boxes

After you have created your form, you are ready to design the form itself.

Remember that you create a form field with the <FORM></FORM> tag pair.

Within the <FORM> tags will go the entire form, i.e. both the questions you ask and the form elements, i., e., the  box and button spaces where the user will supply responses.

To create a form element in HomeSite, use the Advanced tab on the speedbar.
Advanced tab
The Menu Box A menu box allows a user to tab through a dropdown list to make a selection from a number of choices.
Example What is your area code?    
To add a menu box to your form in HomeSite, choose the Form element button on the Advanced tab.   The Form Element dialog box will appear.

Form Element button
Form element button

Form Element: Select List
In the Form Element dialog box choose Select List

The Form Element dialog box for a menu box will appear.

Select List box

In the Name text box, specify a name for the menu box. (In the example above, the name might be areacode.)

Choose the number of rows you wish to have in your menu.

Click on OK

The following code will be generated:

<SELECT NAME="county">
<OPTION>
<OPTION>
<OPTION>
</SELECT>

You will have to set the value for each option by hand.  Add the word SELECTED to an <OPTION> tag if you want that choice to be pre-selected.

Next to each OPTION tag add the names that will appear in the dropdown list.

When you are finished your HTML code will look like this:

<SELECT NAME="county">
<OPTION VALUE=arlington>Arlington
<OPTION VALUE=loudoun>Loudoun <OPTION VALUE=prinwill>Prince William</SELECT>

Forms: HomeSite 1.2
Overview
Create a Form
Create Text and Password Boxes
Create Radio Buttons
Create Checkboxes
Create Drop-down Menu Boxes
Create Text Blocks
Create the Reset and Submit Buttons

Personal Home PageWeb Design CenterTutorial MenuTop of Page

Web Design Center
Last Revised: September 18, 1999
© Agatha Taormina