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.