HTML <option> Tag

Description:

The <option> tag is used in conjunction with the <select> tag and is used for defining option items within the select list.

 

Specific Attributes:

Attribute Definition
selected Specifies that this option will be pre-selected when the user first loads the page.
value Specifies the initial value of the option item.
label Specifies a label to be used as an alternative to the option item's contents. Useful if you'd prefer a shorter, more concise label.

Other Attributes:

Attribute Definition
dir

Specifies the text direction for the content in an element.
Possible Values:

  • rtl  (Right to Left)
  • ltr  (Left to Right)
class Specifies a classname for an element.
id Specifies a unique id for an element.
lang Specifies a language code for the content in an element.
title Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip").
style Specifies an inline style for an element.
tabindex Specifies the tab order of an element.
disabled Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.

Example Code:

<select>
  <option value ="new york">New York</option>
  <option value ="london">London</option>
  <option value ="sydney" selected>Sydney</option>
  <option value ="auckland">Auckland</option>
</select>

Result