HTML optgroup Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

The HTML optgroup tag is used for grouping related options within your select list. This makes it easier for users to comprehend their choices when looking at a large list.

This element is used in conjunction with the <option> tag and <select> tag.

Example
<select>
<optgroup label="Australia">
  <option value ="sydney">Sydney</option>
  <option value ="melbourne">Melbourne</option>
</optgroup>
<optgroup label="New Zealand">
  <option value ="cromwell">Cromwell</option>
  <option value ="queenstown">Queenstown</option>
</optgroup>
</select>
Attributes:
Attributes specific to this tag:
AttributeDescription
labelSpecifies a label for the option group.
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.
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!


Also see the HTML 5 version of HTML tags

Enjoy this page?

  1. Link to this page (copy/paste into your own website or blog):
  2. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
Webydo Banner Ad