Etiqueta <optgroup> HTML

Definição e uso

<optgroup> A etiqueta é usada para agrupar opções relacionadas dentro do elemento <select> (lista suspensa).

Se você tiver uma lista de opções longa, usar agrupamentos de opções pode facilitar o processamento do usuário.

Veja também:

Manual de Referência do HTML DOM:Objeto OptionGroup

Exemplo

Uso <optgroup> As etiquetas são usadas para agrupar opções relacionadas:

<label for="cars">Por favor, selecione uma marca de veículo:</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="Carros alemães">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Experimente você mesmo

Atributo

Atributo Valor Descrição
disabled disabled Define que o grupo de opções deve ser desativado.
label Texto Define a etiqueta do grupo de opções.

Atributos globais

<optgroup> A etiqueta também suporta Atributos globais no HTML.

Atributos de evento

<optgroup> A etiqueta também suporta Atributos de evento no HTML.

Configurações CSS padrão

Nenhum.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte