HTML5 <option> Tag
ExampleA drop-down list with four options:
Try it yourself » |
Definition and Usage
The option element defines an option in the drop-down list.
Differences Between HTML 4.01 and HTML5
In HTML5, the <option> element is also used in the new element <datalist>.
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.
Note: Use this tag in conjunction with <select> or <datalist> elements, elsewhere it is meaningless.
Attributes
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that the option should be disabled when it first loads |
| label | text | Specifies a shorter label for an option |
| selected | selected | Specifies that the option should appear selected (will be displayed first in the list) |
| value | text | Defines the value of the option to be sent to the server |
Standard Attributes
The <option> tag also supports the Standard Attributes in HTML5.
Event Attributes
The <option> tag also supports the Event Attributes in HTML5.