HTML readonly Attribut
Définition et Utilisation
L'attribut readonly est un attribut booléen.
Lorsqu'il est présent, il spécifie qu'un champ de saisie ou une zone de texte est en lecture seule.
Un champ en lecture seule ne peut pas être modifié (cependant, un utilisateur peut y accéder, le surligner et en copier le texte).
L'attribut readonly peut être utilisé pour empêcher un utilisateur de changer la valeur jusqu'à ce que certaines conditions soient remplies (comme sélectionner une case à cocher, etc.). Ensuite, un script JavaScript peut supprimer la valeur readonly et rendre le champ de saisie modifiable.
S'applique à
L'attribut readonly peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Exemples
Exemple d'Input
Un formulaire HTML avec un champ de saisie en lecture seule :
<form action="/action_page.php">
Pays : <input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Soumettre">
</form> Exemple de Textarea
Une zone de texte en lecture seule :
<textarea readonly>
Sur formation-ti.org, vous apprendrez à créer un site web. Nous offrons des tutoriels gratuits dans toutes les technologies de développement web.
</textarea> Support des Navigateurs
L'attribut readonly est pris en charge par les navigateurs suivants pour chaque élément :
| Élément | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Oui | Oui | Oui | Oui | Oui |