HTML <option> Tag
Example
A drop-down list with four options:
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Try it Yourself »
Definition and Usage
The <option> tag defines an option in a select list.
<option> elements go inside a <select> or <datalist> element.
Browser Support
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
Tips and Notes
Note: The <option> tag can be used without any attributes, but you usually need the value attribute, which indicates what is sent to the server.
Tip: If you have a long list of options, you can group related options with the <optgroup> tag.
Attributes
Attribute | Value | Description |
---|---|---|
disabled | disabled | Specifies that an option should be disabled |
label | text | Specifies a shorter label for an option |
selected | selected | Specifies that an option should be pre-selected when the page loads |
value | text | Specifies the value to be sent to a server |
Global Attributes
The <option> tag also supports the Global Attributes in HTML.
Event Attributes
The <option> tag also supports the Event Attributes in HTML.
Related Pages
HTML DOM reference: Option Object
Default CSS Settings
None.