Attribut HTML <option> désactivé

❮ Balise HTML <option>

Exemple

Une liste déroulante avec une option désactivée :

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

Définition et utilisation

L' disabledattribut est un attribut booléen.

Lorsqu'il est présent, il spécifie qu'une option doit être désactivée.

Une option désactivée est inutilisable et non cliquable.

L' disabledattribut peut être défini pour empêcher un utilisateur de sélectionner l'option jusqu'à ce qu'une autre condition soit remplie (comme la sélection d'une case à cocher, etc.). Ensuite, un JavaScript est requis pour supprimer la valeur désactivée et rendre l'option sélectionnable.


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.

Attribute
disabled Yes 8.0 Yes Yes Yes

Syntaxe

<option disabled>

❮ Balise HTML <option>