Dropdown list code generator

This generator will allow you to create a dropdown list in HTML. Set the options for the list, 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 dropdown list code for later use when using a mobile device.
A dropdown list is typically used within a form to capture a user's selection and process it in some way. The 'value' of the selected item is sent through, and the 'text' is what is seen in the dropdown list.

If you need to create a dropdown menu instead, check out our Dropdown Menu Code Generator.
Example:
Basic options
List Name:
Not seen - make sure name is unique
Behaviour:
Button:
This section allows you to enter the items that will show in the dropdown list. The 'Text shown' is what you will see for each entry; in the example above, this is 'Yahoo' and 'Google'.
Text Shown
Value sent through
Background color:
Padding:
Margin:
Font color:
Font family:

Font size:
Font style:
Width:
px
Leave at 0 if you don't want to set the width
Border style:
Border radius:
Button style
Text on button:
Background color:
Padding:
Margin:
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:
Border radius:
Button hover style
Background color:
Font color:
Code options
Choose how you want the code created
CSS layout:
Unsure? Leave it inline
Share the Dropdown list code generator on Facebook