Quackit Logo

Got a MySpace Page?

Get "www.yourname.com" for your MySpace page. Learn how >>.

HTML option Tag

Print Version
 

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

Also see HTML optgroup tag for grouping your option items.

Example
<select>
  <option value ="sydney">Sydney</option>
  <option value ="melbourne">Melbourne</option>
  <option value ="cromwell" selected>Cromwell</option>
  <option value ="queenstown">Queenstown</option>
</select>
Attributes:
Attributes specific to this tag:
AttributeDescription
selectedSpecifies that this option will be pre-selected when the user first loads the page.
valueSpecifies the initial value of the option item.
labelSpecifies 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:
AttributeDescription
classDocument wide identifier.
idDocument wide identifier
dirSpecifies the direction of the text
langLanguage code
styleInline style (CSS).
titleSpecifies a title to associate with the element.
tabindexHelps determine the tabbing order (when the user 'tabs' through the elements on the page).
disabledDisables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself! HTML Editor


Also see the complete list of HTML tags


Enjoy this website?

  1. Link to this page (copy/paste into your own website or blog):
  2. Add this page to your favorite social bookmarks sites:
                     
  3. Add this page to your Favorites

Oh, and thank you for supporting Quackit!