HTML <option> désactivé Attribut

❮ HTML <option> tag

Exemple

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

<label for="cars">Choisissez une voiture :</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>
Essayez-le vous-même »

Définition et Utilisation

L'attribut désactivé est un attribut booléen.

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

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

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


Support des Navigateurs

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

Attribut
désactivé Oui 8.0 Oui Oui Oui

Syntaxe

<option désactivé>

❮ HTML <option> tag