DEV Community

Cover image for HTML tags | optgroup

HTML tags | optgroup

Carlos Espada
Frontend developer. Cyclist. Fan of trains, dinos and XIX century travels. Trying to do my part for making an accessible, light and fast internet for everyone.
・1 min read

It is used to group related options in a <select>. In this way, the contents are easier for the user to handle in very long dropdown menus.

Cannot nest an <optgroup> within another <optgroup>.

It has two attributes: label to define the text that will be shown to the user as the title of the group of options, and disabled to disable the selection of all the options included in the group. The label attribute is required.

It has an implicit ARIA group role.

  • Type: block
  • Self-closing: No
  • Semantic value: No

Definition | Example | Support

Discussion (0)