HTML <input> readonly Attribut
Exemple
Un formulaire HTML avec un champ de saisie en lecture seule :
<form action="/action_page.php">
<label for="country">Pays:</label>
<input type="text" id="country" name="country" value="Norvège" readonly><br><br>
<input type="submit" value="Soumettre">
</form> Définition et utilisation
L'attribut readonly est un attribut booléen.
Lorsqu'il est présent, il indique qu'un champ de saisie est en lecture seule.
Un champ de saisie en lecture seule ne peut pas être modifié (cependant, un utilisateur peut y accéder, le surligner et 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.
Remarque : Un formulaire soumettra toujours un champ de saisie qui est en lecture seule, mais ne soumettra pas un champ de saisie qui est désactivé !
Support des navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribut | |||||
|---|---|---|---|---|---|
| readonly | Oui | Oui | Oui | Oui | Oui |
Syntaxe
<input readonly>