HTML <opción> atributo deshabilitado

❮ Etiqueta HTML <opción>

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 disabledatributo 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 disabledatributo 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>