<optgroup>

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

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

Compatibilidade com navegadores

Veja também

• Outros elementos de formularios relacionados: <form>, <legend>, <label>, <button>, <select>, <datalist>, <option>, <fieldset>, <textarea>, <keygen>, <input>, <output>, <progress> e <meter>.