Tag HTML <optgroup>


Exemplo

Agrupe opções relacionadas com tags <optgroup>:

<label for="cars">Choose a car:</label>
<select  name="cars" id="cars">
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Definição e uso

A <optgroup>tag é usada para agrupar opções relacionadas em um elemento <select> (lista suspensa).

Se você tiver uma longa lista de opções, os grupos de opções relacionadas serão mais fáceis de manipular para um usuário.


Suporte ao navegador

Element
<optgroup> Yes Yes Yes Yes Yes

Atributos

Attribute Value Description
disabled disabled Specifies that an option-group should be disabled
label text Specifies a label for an option-group

Atributos Globais

A <optgroup>tag também suporta os Atributos Globais em HTML .


Atributos do evento

A <optgroup>tag também suporta os atributos de evento em HTML .


Páginas relacionadas

Referência HTML DOM: objeto OptionGroup


Configurações padrão de CSS

Nenhum.