| | Help and How-to Training Related Products and Technologies Support and Feedback Technical Resources Additional Resources | Warning: You are viewing this page with an unsupported Web browser. This Web site works best with Microsoft Internet Explorer 6.0 or later, Firefox 1.5, or Netscape Navigator 8.0 or later. Learn more about supported browsers.
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. - In Page view, at the bottom of the document window, click Design
 . - Do the following:
 Add a drop-down box
- Click in the form or on the page where you want to place the drop-down box.
- 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. How? - On the Tools menu, click Page Options, and then click the General tab.
- Locate and select the Automatically enclose form fields within a form check box.
- Next to or above the drop-down box, type the label for that box.
Add choices to the drop-down box
- Double-click the drop-down box. The Drop-Down Box Properties dialog box opens.
- 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.
- To add the choices that you want to display in the
drop-down box, click
Add.
- 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.
- 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.
- Click
OK.
- Repeat steps 3 through 6 for each choice you want to add.
Set properties for the choices in a drop-down box - Double-click the drop-down box. The Drop-Down Box Properties dialog box opens.
- Click Add. The Add Choice dialog box opens.
- To change the order of items in the Choice list, click a
choice, and then click
Move Up or
Move Down.
- 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.
- 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.
- 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.).
|
United States
Email this link
Printer-Friendly Version
Share
Hide All
