Définition et utilisation
Le disabled attribut est un attribut booléen.
Lorsqu'il est présent, il précise que l'élément doit être désactivé.
Un élément désactivé est inutilisable.
Le disabled attribut peut être réglé pour garder un utilisateur d'utiliser l'élément jusqu'à ce qu'une autre condition a été remplie (comme la sélection d' une case à cocher, etc.). Ensuite, un JavaScript pourrait supprimer la valeur désactivée, et rendre l'élément utilisable.
S'applique à
Le disabled attribut peut être utilisé sur les éléments suivants:
| Éléments | Attribut |
|---|---|
| <button> | disabled |
| <fieldset> | disabled |
| <input> | disabled |
| <keygen> | disabled |
| <optgroup> | disabled |
| <option> | disabled |
| <select> | disabled |
| <textarea> | disabled |
Exemples
Button Exemple
Un bouton désactivé:
<button type="button" disabled>Click Me!</button>
Essayez - le vous - même » Fieldset Exemple
Désactiver un groupe d'éléments de formulaire connexes:
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Essayez - le vous - même » Input Exemple
Un formulaire HTML avec un champ d'entrée désactivé:
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Essayez - le vous - même » Keygen Exemple
A désactivé <keygen> élément:
<form action="demo_keygen.asp" method="get">
Username: <input type="text" name="usr_name">
Encryption: <keygen name="security" disabled>
<input type="submit">
</form>
Essayez - le vous - même » Optgroup Exemple
A désactivé l'option-groupe:
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Essayez - le vous - même » Option Exemple
Une liste déroulante avec une option désactivée:
<select>
<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 » Select Exemple
Une liste déroulante handicapés:
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Essayez - le vous - même » Textarea Exemple
A désactivé zone de texte:
<textarea disabled>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Essayez - le vous - même » support du navigateur
Le disabled attribut a le support de navigateur suivant pour chaque élément:
| Élément | |||||
|---|---|---|---|---|---|
| button | Oui | Oui | Oui | Oui | Oui |
| fieldset | Oui | Non supporté | Oui | 7.0 | Oui |
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| keygen | Oui | Non supporté | Oui | 6.0 | Oui |
| optgroup | 1.0 | 8.0 | Oui | Oui | Oui |
| option | 1.0 | 8.0 | 1.0 | Oui | Oui |
| select | Oui | Oui | Oui | Oui | Oui |
| textarea | Oui | Oui | Oui | Oui | Oui |