X
HOME HTML5 CSS3 JAVASCRIPT SQL PHP5 JQUERY ANGULAR BOOTSTRAP3 XML MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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.



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE

facebook