HTML <select> Tag
Example
Create a drop-down list with four options:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Try it Yourself »
Definition and Usage
The <select>
element is used to create a drop-down list.
The <select>
element is a form control and can be used in a form to collect user input.
The <option> tags inside the <select>
element define the available options in
the list.
Tip: Always add the <label> tag for best accessibility practices!
Browser Support
Element | |||||
---|---|---|---|---|---|
<select> | Yes | Yes | Yes | Yes | Yes |
Attributes
Attribute | Value | Description |
---|---|---|
autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
disabled | disabled | Specifies that a drop-down list should be disabled |
form | form_id | Defines which form the drop-down list belongs to |
multiple | multiple | Specifies that multiple options can be selected at once |
name | name | Defines a name for the drop-down list |
required | required | Specifies that the user is required to select a value before submitting the form |
size | number | Defines the number of visible options in a drop-down list |
Global Attributes
The <select>
tag also supports the Global Attributes in HTML.
Event Attributes
The <select>
tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Select Object
CSS Tutorial: Styling Forms
Default CSS Settings
None.