Attribut HTML désactivé
Définition et utilisation
L'
disabled
attribut est un attribut booléen.
Lorsqu'il est présent, il spécifie que l'élément doit être désactivé.
Un élément désactivé est inutilisable.
L'
disabled
attribut peut être défini pour empêcher un utilisateur d'utiliser l'élément jusqu'à ce qu'une autre condition soit 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 à nouveau utilisable.
S'applique à
L'
disabled
attribut peut être utilisé sur les éléments suivants :
Éléments | Attribut |
---|---|
<bouton> | désactivée |
<ensemble de champs> | désactivée |
<entrée> | désactivée |
<optgroup> | désactivée |
<option> | désactivée |
<sélectionner> | désactivée |
<zone de texte> | désactivée |
Exemples
Exemple de bouton
Un bouton désactivé :
<button type="button" disabled>Click Me!</button>
Exemple de jeu de champs
Désactivez un groupe d'éléments de formulaire associés :
<fieldset disabled>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
Exemple d'entrée
Un formulaire HTML avec un champ de saisie désactivé :
<form
action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"
disabled><br>
<input type="submit" value="Submit">
</form>
Exemple de groupe d'options
Un groupe d'options désactivé :
<select>
<optgroup label="German Cars" disabled>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Exemple d'option
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>
Sélectionnez un exemple
Une liste déroulante désactivée :
<select disabled>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Exemple de zone de texte
Une zone de texte désactivée :
<textarea disabled>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Prise en charge du navigateur
L' disabled
attribut est compatible avec les navigateurs suivants pour chaque élément :
Element | |||||
---|---|---|---|---|---|
button | Yes | Yes | Yes | Yes | Yes |
fieldset | Yes | Not supported | Yes | 7.0 | Yes |
input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
optgroup | 1.0 | 8.0 | Yes | Yes | Yes |
option | 1.0 | 8.0 | 1.0 | Yes | Yes |
select | Yes | Yes | Yes | Yes | Yes |
textarea | Yes | Yes | Yes | Yes | Yes |