We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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 permitidoNenhum ou mais elementos do tipo  <option>.
  • Omissão da tagA 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 permitidoUm elemento <select>.
  • Interface DOM HTMLOptGroupElement

Note: 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

<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

Especificação Status Comentário
HTML Living Standard
The definition of '<optgroup>' in that specification.
Padrão em tempo real  
HTML5
The definition of '<optgroup>' in that specification.
Recomendação  
HTML 4.01 Specification
The definition of '<optgroup>' in that specification.
Recomendação  

Compatibilidade com navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Suporte básico 1.0 (Yes) (Yes) (Yes) (Yes)
Característica Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Suporte básico (Yes) (Yes) (Yes) (Yes) (Yes)

Veja também

Etiquetas do documento e colaboradores

Colaboradores desta página: teoli, MichelW
Última atualização por: teoli,