Etiqueta HTML <optgroup >


Ejemplo

Opciones relacionadas con el grupo con etiquetas <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>

Definición y uso

La <optgroup>etiqueta se utiliza para agrupar opciones relacionadas en un elemento <select> (lista desplegable).

Si tiene una lista larga de opciones, los grupos de opciones relacionadas son más fáciles de manejar para un usuario.


Compatibilidad con 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 globales

La <optgroup>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <optgroup>etiqueta también es compatible con los atributos de eventos en HTML .


páginas relacionadas

Referencia HTML DOM: objeto OptionGroup


Configuración predeterminada de CSS

Ninguna.