Descripción
El atributo disabled
del elemento optgroup
se utiliza para desactivar todo el grupo de opciones. Cuando se establece el atributo disabled
en un optgroup
, todas las opciones dentro del grupo se desactivan y el usuario no puede interactuar con ellas.
Sintaxis
La sintaxis para desactivar un grupo de opciones es sencilla. Solo necesitas agregar el atributo disabled
al elemento optgroup
.
<optgroup disabled>
<option>Option 1</option>
<option>Option 2</option>
</optgroup>
Elemento Padre
Ejemplo
Aquí hay un ejemplo de cómo se usa el atributo disabled
en un elemento optgroup
:
<select>
<optgroup label="Frutas">
<option value="manzana">Manzana</option>
<option value="naranja">Naranja</option>
</optgroup>
<optgroup label="Verduras" disabled>
<option value="lechuga">Lechuga</option>
<option value="zanahoria">Zanahoria</option>
</optgroup>
</select>
En este ejemplo, el usuario no podrá seleccionar ninguna de las opciones dentro del grupo “Verduras”.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.