How to Make a Drop-Down Menu in Dreamweaver CS5
Used on websites to collect data from site visitors, HTML forms have a number of elements available to interact with the visitor in different ways, such as text boxes, radio buttons and drop-down menus. Drop-down menus allow a user to choose a single option from a preset list determined by the page creator. Using Dreamweaver’s tools, you can create HTML drop-down menus automatically, with no knowledge of HTML required.
Other People Are Reading
Instructions
-
-
1
Click on the Windows Start menu, then click on "Adobe Dreamweaver CS5" to launch the application.
-
2
Click on the "File" menu, then click "New" and select "HTML" as the page type. Click the "Create" button to open the new page.
-
-
3
Click on the "Design" button to switch into design view, which displays the page as it will appear in a Web browser. Click on the "Insert" menu, then click "Form" and "Select (List/Menu)." Type the ID of the drop-down menu, then click "OK" to create the menu. Click "Yes" when Dreamweaver asks if it should add a form tag, as a form is required to send the users menu selection back to the server.
-
4
Click on the drop-down menu, and click on "List Values" on the "Properties" tab to add new options to the menu. Type in the label for the first option, which the browser displays to the user, then click in the "Value" column and enter the value sent to the server when the users selects the option.
-
5
Click on the "+" button to add a new menu option, and repeat until you have added all the desired options. Click on a row to select, then click on the "-" button to remove a menu option. When complete, click on the "OK" button to add the options to your menu.
-
1
Tips & Warnings
To select which menu option the browser selects by default when it loads the page, click on a row in the “Initially selected” menu, which appears on the property tab for the drop-down.
