How to Create Web Pull-Down Menus
Pull-down, or drop-down, menus are used on web pages to provide the visitor with a number of choices (for example, links) in a small amount of space. You can place as many choices as you want on the list, but unless the visitor clicks on the menu, she will only see one choice. In HTML, a pull-down menu is called a select list and is contained within "<form>" tags.
- Difficulty:
- Easy
Instructions
-
-
1
Open a text editor such as Windows Notepad.
-
2
Type "<form name = "form">" to create the form for the drop-down menu. This will create a form called "form."
-
3
Type "<select name = "drop">" to start the drop-down menu. This menu will have the name "drop."
-
4
Type "<option selected>Select One</option>" to display the words "Select One" when the menu is displayed.
-
5
Type the following lines, for example, to create a list of options for your menu:
<option value="http://www.msn.com">MSN</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo</option> -
6
Type "</select>" to close the drop-down menu.
-
7
Type "<input type="button" onClick="location=document.form.drop.options[document.form.drop.selectedIndex].value;" value="OK"> to create a button that the user clicks once he makes a choice.
-
8
Type "</form>" to close the form.
-
9
Save and close your document.
-
1
