HTML - Tag <optgroup>

Descrição

A tag HTML <optgroup> é usada para agrupar opções relacionadas em sua lista de seleção. Isso torna mais fácil para os usuários compreenderem suas escolhas ao examinar uma lista grande.

Exemplo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML optgroup Tag</title>
   </head>

   <body>
      <select>
         <optgroup label = "India">
            <option value = "mumbai">Mumbai</option>
            <option value = "delhi">Delhi</option>
         </optgroup>
         
         <optgroup label = "USA">
            <option value = "florida">Florida</option>
            <option value = "newyork">New York</option>
         </optgroup>
      </select>
   </body>
   
</html>

Isso produzirá o seguinte resultado -

Atributos Globais

Esta tag suporta todos os atributos globais descritos em - Referência de Atributo HTML

Atributos Específicos

A tag HTML <optgroup> também suporta os seguintes atributos adicionais -

Atributo Valor Descrição
Desativado Desativado Desativa o controle de entrada. O botão não aceita alterações do usuário. Também não pode receber foco e será ignorado durante a tabulação.
rótulo texto Define um rótulo a ser usado ao usar <optgroup>.

Atributos de evento

Esta tag suporta todos os atributos de evento descritos em - Referência de eventos HTML

Suporte de navegador

cromada Raposa de fogo IE Ópera Safári Android
sim sim sim sim sim sim