HTML <option> Tag.


A drop-down list with four options :

  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
Execute Code

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 Chrome Internet Explorer Firefox Safari Opera
<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.


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

Default CSS Settings