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

HTML <optgroup> Tag


Example

Group related options with <optgroup> tags:

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Try it Yourself »

Definition and Usage

The <optgroup> is used to group related options in a drop-down list.

If you have a long list of options, groups of related options are easier to handle for a user.


Browser Support

Element
<optgroup> Yes Yes Yes Yes Yes


Differences Between HTML 4.01 and HTML5

NONE.


Attributes

Attribute Value Description
disabled disabled Specifies that an option-group should be disabled
label text Specifies a label for an option-group


Global Attributes

The <optgroup> tag also supports the Global Attributes in HTML.


Event Attributes

The <optgroup> tag also supports the Event Attributes in HTML.


Related Pages

HTML DOM reference: OptionGroup 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