Atributo disabled del elemento HTML <option>

Etiqueta HTML <option>

Definición y uso

deshabilitado El atributo es un atributo booleano.

Cuando esté presente, especifica que las opciones deben estar deshabilitadas.

Las opciones deshabilitadas no están disponibles y no se pueden hacer clic.

se puede configurar deshabilitado La propiedad se establece para evitar que el usuario seleccione la opción hasta que se cumplan ciertas otras condiciones (como seleccionar una casilla de verificación, etc.). Luego, se necesita un JavaScript para eliminar el valor disabled para que la opción sea seleccionable.

Ejemplo

Una lista desplegable con una opción deshabilitada:

<label for="cars">Por favor, seleccione una marca de automóviles:</label>
<select id="cars">
  <option value="audi" deshabilitado> Audi</option>
  <option value="byd">BYD</option>
  <option value="geely">Geely</option>
  <option value="volvo">Volvo</option>
</select>

Prueba personalmente

Sintaxis

<option deshabilitado>

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte 8.0 Soporte Soporte Soporte

Etiqueta HTML <option>