Attribut HTML <input> en lecture seule
Exemple
Un formulaire HTML avec un champ de saisie en lecture seule :
<form
action="/action_page.php">
<label for="country">Country:</label>
<input type="text"
id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
Définition et utilisation
L' readonly
attribut est un attribut booléen.
Lorsqu'il est présent, il spécifie qu'un champ de saisie est en lecture seule.
Un champ de saisie 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' readonly
attribut 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.
Remarque : Un formulaire soumettra toujours un champ de saisie en lecture seule, mais ne soumettra pas un champ de saisie désactivé !
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
Syntaxe
<input readonly>
❮ Balise HTML <input>