HTML Basix - HTML tutorials and online webmaster tools
Download our Free HTML Cheat Sheet - Quick Reference for Beginners

HTML drop down menu generator

This generator will allow you to make a drop down menu in HTML. Set the options for the menu, then generate the code. You can copy and paste the generated code into your webpage, or you can choose to send the generated code to your email. This allows you to create the drop down menu code for later use when using a mobile device.
A drop down menu contains a list of URLs which opens the selected URL either when the selection is changed, or a button is clicked. The 'value' of the selected item the URL, and the 'text' is what is seen in the drop down menu, typically the name of the website or webpage.
Example:

Basic options
If you have multiple forms on the same page, each will need a different name
Form Name:
Not seen - make sure name is unique
Menu Name:
Not seen - make sure name is unique
When to activate:
How I will enter items:

This section allows you to enter the items that will show in the drop down menu. The 'Text shown' is what you will see for each entry; in the example above, this is 'Yahoo' and 'Google'.
The link URL is the URL that this item opens when chosen or clicked.

Note: if you are using a full URL, remember to include the https://
Text Shown
Link URL (item value)
Background color:
Padding:
Font color:
Font family:

Font size:
Font style:
Width:
px
Leave at 0 if you don't want to set the width
Border style:
Button style
Text on button:
Background color:
Padding:
Font color:
Font family:

Font size:
Font style:
Width:
px
Leave at 0 if you don't want to set the width
Cursor:
Border style:
Button hover style
Background color:
Font color:
Code options
Choose how you want the code created
Scripting type:
Unsure? Choose plain javascript
CSS layout:
Unsure? Leave it inline
Share the HTML drop down menu generator on Facebook
>