How to Create a Drop Down List on a Web Page

by Steve Smith

Creating a drop down menu is a simple way to get more choices onto your page. It is also rather simple to program and can be done with a few new tags, <select> and <option>.

How to Create a Drop Down List on a Web Page

Open your web page in a text editor and decide where you want to drop down menu to go.

Type in the tag <FORM> and enter a name for the form like this, <FORM NAME=DDMENU>.

Enter the drop down tag <select> below the form tag, then give it a name value like this, <select name="drop-down-example">.

Add the values which will appear in the drop down list or the "options" using the <option> tag, like this: <option value="first">First choice</option><option value="second">Second choice</option><option value="third">Third choice</option>.

End the drop down list by typing in the </select> tag and complete the form with the </FORM> tag.

Add items as necessary to your drop down menu. Then add any actions you want the menu to perform using your chosen method.

Tip

  • check Drop downs can be part of a form, or if selected can perform certain actions like drawing information from a database or spreadsheet and displaying it on a web page. These are defined by adding tags to the list, and sometimes using JAVA code and database plug ins which must be installed on your web server.

Items you will need

About the Author

Steve Smith has published articles on a wide range of topics including cars, travel, lifestyle, business, golf, weddings and careers. His articles, features and news stories have appeared in newspapers, consumer magazines and on various websites. Smith holds a Bachelor of Arts in English and journalism from University of New Hampshire Durham.