Attribut HTML en lecture seule
Définition et utilisation
L' readonlyattribut 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é (toutefois, un utilisateur peut y accéder par tabulation, le mettre en surbrillance et en copier le texte).
L' readonlyattribut peut être défini pour empêcher un utilisateur de modifier la valeur tant que d'autres conditions n'ont pas été remplies (comme la sélection d'une case à cocher, etc.). Ensuite, un JavaScript peut supprimer la valeur readonly et rendre le champ de saisie modifiable.
S'applique à
L' readonlyattribut peut être utilisé sur les éléments suivants :
| Éléments | Attribut |
|---|---|
| <entrée> | lecture seulement |
| <zone de texte> | lecture seulement |
Exemples
Exemple d'entrée
Un formulaire HTML avec un champ de saisie en lecture seule :
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Exemple de zone de texte
Une zone de texte en lecture seule :
<textarea readonly>
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' readonlyattribut est compatible avec les navigateurs suivants pour chaque élément :
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |