Add a drop-down box or menu to a form

Drop-down boxes, also known as drop-down menus, are most often used for single choice selections in a form. You can enable a drop-down box to accept multiple selections, however it is not something we recommend. If you want to enable site visitors to make multiple choices, use check boxes.

  1. In Page view, at the bottom of the document window, click Design Button image.
  2. Do the following:

ShowAdd a drop-down box

  1. Click in the form or on the page where you want to place the drop-down box.
  2. On the Insert menu, point to Form, and then click Drop-Down Box.

 Note   If you have not started with a form, by default, Microsoft FrontPage creates a form area with Submit and Reset buttons and inserts the field inside that form area. If FrontPage does not automatically create a form area, the default setting has been changed, and you can reset it.

ShowHow?

  1. On the Tools menu, click Page Options, and then click the General tab.
  2. Locate and select the Automatically enclose form fields within a form check box.
  1. Next to or above the drop-down box, type the label for that box.

ShowAdd choices to the drop-down box

  1. Double-click the drop-down box. The Drop-Down Box Properties dialog box opens.
  2. In the Name box, type a unique name to identify the drop-down box. This is an internal name, the site visitor will never see it.

For your form to transmit data that can be collected, you must use a unique name.

  1. To add the choices that you want to display in the drop-down box, click Add.
  2. In the Add Choice dialog box, type the choice that you want to display in the drop-down box.

If you want the form results to show data other than what's in the Choice box, select Specify value, and then type the value in the box.

For example, a choice in the menu could be John, while the value returned in the form results could be Smith.

  1. If you want to designate that an option be selected by default when a site visitor first opens the form, in the Add Choice dialog box, under Initial State, click Selected.
  2. Click OK.
  3. Repeat steps 3 through 6 for each choice you want to add.

ShowSet properties for the choices in a drop-down box

  1. Double-click the drop-down box. The Drop-Down Box Properties dialog box opens.
  2. Click Add. The Add Choice dialog box opens.
  3. To change the order of items in the Choice list, click a choice, and then click Move Up or Move Down.
  4. To control the number of choices you want to display in the drop-down box, in the Height box, type the number of choices you want to display.

For example, if the drop-down box has three options, you can set the height to 3 so that all choices are visible.

  1. To allow site visitors to make multiple selections in the drop-down box, click Yes under Allow multiple selections.

 Note   This option is set to No by default. However, if you select Yes, inform your site visitors that they must press CTRL when they make their selections.

  1. Click Style to access other options for formatting your form by using cascading style sheets (cascading style sheets (CSS): Declarations, either embedded in a Web page or stored in a separate .css file that is linked to a Web page, that specify the appearance of particular HTML elements.) as an inline style (inline style: A method of applying cascading style sheet properties and values to an element on a page, such as a table. You can use this method even if the page is not linked to an external style sheet or does not contain an embedded style sheet.).
 
 
Applies to:
FrontPage 2003