HTML <select> Tag

Description

The <select> HTML element allows you to create an interface element in the form of a drop-down list, as well as a list with one or multiple choices. The final look depends on the use of the size attribute, which sets the height of the list. The width of the list is determined by the widest text specified in the <option> element, and can also be changed using styles. Each item is created using the <option> element, which must be nested in the <select> container. If you plan to send list data to the server, you need to put <select> inside the form. This is also necessary when the list data is accessed through scripts.

Properties

Permitted Parents

Any element that accepts phrasing content

Content

One or more of <optgroup> and/or <option>

Start/End Tags

Start tag: required, End tag: required

Example

<select>

  <option value ="new york">New York</option>

  <option value ="london">London</option>

  <option value ="sydney" selected>Sydney</option>

  <option value ="auckland">Auckland</option>

</select>

Attributes

Global Attributes

The <select> tag also supports the Global Attributes in HTML5

Event Attributes

The <select> tag also supports the Event Attributes in HTML5

Browser Support

Desktop
Yes	12	Yes	1	Yes	Yes
Tablets / Mobile
Yes	Yes	4	Yes	Yes	Yes

Last updated by CSSPortal on: 6th December 2019