Breaking

Sunday, May 12, 2019

HTML option Tag


Example

A drop-down list with four options:
<select>
  <optionvalue="volvo">Volvo</option>
  <optionvalue="saab">Saab</option>
  <optionvalue="opel">Opel</option>
  <optionvalue="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>YesYesYesYesYes

Tips and Notes

Note: The <option> tag can be used without any attributes, but you usually need the valueattribute, 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

AttributeValueDescription
disableddisabledSpecifies that an option should be disabled
labeltextSpecifies a shorter label for an option
selectedselectedSpecifies that an option should be pre-selected when the page loads
valuetextSpecifies 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.

No comments:

Post a Comment