<optgroup>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Sumário

Em um Formulário Web, o elemento HTML <optgroup> cria um agrupamento de opções dentro do elemento <select>.

  • Categorias de conteúdo Nenhuma.
  • Conteúdo permitido Nenhum ou mais elementos do tipo <option>.
  • Omissão da tag A abertura da tag é obrigatória. O fechamento da tag é opcional se o elemento é imediatamente seguido de de outro elemento <optgroup>, ou se o elemento pai não tiver nenhum conteúdo.
  • Elemento pai permitido Um elemento <select>.
  • Interface DOM HTMLOptGroupElement

Nota: Elementos do tipo optgroup não podem ser aninhados.

Atributos

Este elemento inclui os atributos globais.

disabled

Se este atributo booleano for definido, nenhum dos itens neste optgroup poderá ser selecionado. Muitos navegadores marcam como cinza e não permitem que o elemento receba nenhum evento de navegação, como cliques do mouse ou foco.

label

É o nome do optgroup, é o que os navegadores irão exibir como rótulo. Este atributo é obrigatório se o elemento for usado.

Exemplo

html
<select>
  <optgroup label="Grupo 1">
    <option>Opção 1.1</option>
  </optgroup>
  <optgroup label="Grupo 2">
    <option>Opção 2.1</option>
    <option>Opção 2.2</option>
  </optgroup>
  <optgroup label="Grupo 3" disabled>
    <option>Opção 3.1</option>
    <option>Opção 3.2</option>
    <option>Opção 3.3</option>
  </optgroup>
</select>

Resultado

Especificações

Specification
HTML Standard
# the-optgroup-element

Compatibilidade com navegadores

BCD tables only load in the browser

Veja também