This tag is used to create a group of the same category options in a drop-down list. The <optgroup> tag is required when there is a long list of the item exists.
Syntax:
<optgroup>
<option>..</option>
.
.
</optgroup>
Attributes:
- label: It is used to specify the label for an optgroup.
- disabled: It is used to disable the option-group in a list.
Example 1:
html
<!DOCTYPE html>
< html >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >HTML optgroup Tag</ h2 >
< select >
< optgroup label = "Programming Languages" >
< option value = "C" >C</ option >
< option value = "C++" >C++</ option >
< option value = "Java" >Java</ option >
</ optgroup >
< optgroup label = "Scripting Language" >
< option value = "JavaScript" >JavaScript</ option >
< option value = "PHP" >PHP</ option >
< option value = "Shell" >Shell</ option >
</ optgroup >
</ select >
</ body >
</ html >
|
Output:

Example 2:
html
<!DOCTYPE html>
< html >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >HTML optgroup Tag</ h2 >
< select >
< optgroup label = "Programming Languages" >
< option value = "C" >C</ option >
< option value = "C++" >C++</ option >
< option value = "Java" >Java</ option >
</ optgroup >
< optgroup label = "Scripting Language" disabled>
< option value = "JavaScript" >JavaScript</ option >
< option value = "PHP" >PHP</ option >
< option value = "Shell" >Shell</ option >
</ optgroup >
</ select >
</ body >
</ html >
|
Output:

Supported Browser:
- Google Chrome 1
- Edge 12
- Internet Explorer 5.5
- Firefox 1
- Opera
- Safari