This tag is used to create a group of same category options in a drop-down list. The <optgroup> tag is required when there is a long list of the item exists.
Attributes
- label
- Disabled
label: It is used to specify the label for an optgroup.
Example:
<!DOCTYPE html> <html> <head> <title>optgroup tag</title> <style> body { text-align:center; } .gfg { font-size:40px; font-weight:bold; color:green; } .geeks { font-size:17px; } </style> </head> <body> <div class = "gfg">GeeksforGeeks</div> <div class = "geeks">A computer science portal for geeks </div> <h2><optgroup> Tag</h2> <select> <optgroup label="Programming Languages"> <option value="C">C</option> <option value="C++">C++</option> <option value="Java">Java</optgroup> <optgroup label="Scripting Language"> <option value="JavaScript">JavaScript</option> <option value="PHP">PHP</option> <option value="Shell">Shell</option> </optgroup> </select> </body> </html> |
chevron_right
filter_none
Output:
diabled: It is used to disable the option-group in a list.
Example:
<!DOCTYPE html> <html> <head> <title>optgroup tag</title> <style> body { text-align:center; } .gfg { font-size:40px; font-weight:bold; color:green; } .geeks { font-size:17px; } </style> </head> <body> <div class = "gfg">GeeksforGeeks</div> <div class = "geeks">A computer science portal for geeks </div> <h2><optgroup> Tag</h2> <select> <optgroup label="Programming Languages"> <option value="C">C</option> <option value="C++">C++</option> <option value="Java">Java</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> |
chevron_right
filter_none
Output:
Supported Browser: <optgroup> tag supported by below browsers.
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Recommended Posts:
- What purpose does a <script> tag serve inside of a <noscript> tag?
- Difference between <article> tag and <section> tag
- Why <big> tag is not in HTML5 while <small> tag exists ?
- HTML | <html> Tag
- HTML | <section> Tag
- HTML | Style Tag
- HTML | <marquee> tag
- Div Tag | HTML
- HTML | <noframes> Tag
- span Tag | HTML
- HTML | <picture> Tag
- HTML | <font> Tag
- HTML 5 | <header> Tag
- HTML | <hgroup> Tag
- HTML | <q> Tag
- HTML | Object tag
- HTML | Phrase Tag
- HTML 5 | <summary> Tag
- HTML | <hr> Tag
- HTML | <nav> Tag
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
Improved By : Akanksha_Rai
