HTML <opción> atributo deshabilitado
Ejemplo
Una lista desplegable con una opción deshabilitada:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo" disabled>Volvo</option>
<option value="saab">Saab</option>
<option value="vw">VW</option>
<option value="audi">Audi</option>
</select>
Definición y uso
El disabled
atributo es un atributo booleano.
Cuando está presente, especifica que una opción debe estar deshabilitada.
Una opción deshabilitada es inutilizable y no se puede hacer clic.
El disabled
atributo se puede configurar para evitar que un usuario seleccione la opción hasta que se cumpla alguna otra condición (como seleccionar una casilla de verificación, etc.). Luego, se requiere JavaScript para eliminar el valor deshabilitado y hacer que la opción sea seleccionable.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
Attribute | |||||
---|---|---|---|---|---|
disabled | Yes | 8.0 | Yes | Yes | Yes |
Sintaxis
<option disabled>
❮ Etiqueta HTML <opción>