The HTML select (
<select>) element represents a control that presents menu of options. The options within the menu are represented by
elements, which can be grouped by
elements. Options can be pre-selected for the user.
|Content categories||flow content, phrasing content, interactive content, listed, labelable, resettable, and submittable form-associated element|
|Permitted content||Zero or more
|Tag omission||none, both the start tag and the end tag are mandatory|
|Permitted parent elements||any element that accepts phrasing content|
This element includes the global attributes.
This attribute lets you specify that a form control should have input focus when the page loads, unless the user overrides it, for example by typing in a different control. Only one form element in a document can have the
autofocusattribute, which is a Boolean.
This Boolean attribute indicates that the user cannot interact with the control. If this attribute is not specified, the control inherits its setting from the containing element, for example
fieldset; if there is no containing element with the
disabledattribute set, then the control is enabled.
- The form element that the select element is associated with (its "form owner"). If this attribute is specified, its value must be the ID of a form element in the same document. This enables you to place select elements anywhere within a document, not just as descendants of their form elements.
- This Boolean attribute indicates that multiple options can be selected in the list. If it is not specified, then only one option can be selected at a time.
- The name of the control.
- A Boolean attribute indicating that an option with a non-empty string value must be selected.
- If the control is presented as a scrolled list box, this attribute represents the number of rows in the list that should be visible at one time. Browsers are not required to present a select elements as a scrolled list box. The default value is 0.
This element implements the
<!-- The second value will be selected initially --> <select name="select"> <option value="value1">Value 1</option> <option value="value2" selected>Value 2</option> <option value="value3">Value 3</option> </select>
The content of this element is actually static and not editable. If you want to emulate an editable select through a
|HTML 4.01 Specification||Recommendation|
|Feature||Chrome||Firefox (Gecko)||Internet Explorer||Opera||Safari|
|Basic support||1.0||1.0 (1.7 or earlier)||(Yes)||(Yes)||(Yes)|
|Feature||Android||Firefox Mobile (Gecko)||IE Mobile||Opera Mobile||Safari Mobile|
|Basic support||(Yes)||1.0 (1.0)||(Yes)||(Yes)||(Yes)|
||(Yes)||4.0 (2.0)||Not supported||(Yes)||(Yes)|
- Other form-related elements: