HTML select Tag

Example

Create a drop-down list with four options:

<select>
  <optionvalue="volvo">Volvo</option>
  <optionvalue="saab">Saab</option>
  <optionvalue="mercedes">Mercedes</option>
  <optionvalue="audi">Audi</option>
</select>

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.

---

Browser Support

Element
<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.

---

---

Attributes

= New in HTML5.

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 one or more forms the select field 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.