HTML <select> Tag


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>
Try it Yourself »

Definition and Usage

The <select> element is used to create a drop-down list.

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

<select> Yes Yes Yes Yes Yes

Tips and Notes

Tip: The <select> element is a form control and can be used in a form to collect user input.

Differences Between HTML 4.01 and HTML5

HTML5 has added some new 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