Attribut readonly de <input> HTML

Balise HTML <input>

Définition et utilisation

L'attribut readonly pour empêcher l'utilisateur de modifier la valeur jusqu'à ce que certaines autres conditions soient remplies (telles que la sélection d'une case à cocher, etc.). Ensuite, JavaScript peut supprimer La propriété stipule que le champ d'entrée est en lecture seule.

L'attribut readonly pour empêcher l'utilisateur de modifier la valeur jusqu'à ce que certaines autres conditions soient remplies (telles que la sélection d'une case à cocher, etc.). Ensuite, JavaScript peut supprimer La propriété est une propriété booléenne.

Si cette propriété est définie, elle stipule que le champ d'entrée est en lecture seule.

Les champs d'entrée en lecture seule ne peuvent pas être modifiés (mais l'utilisateur peut les localiser avec la touche tabulation, les afficher en surbrillance et copier du texte à partir d'eux).

可以设置 L'attribut readonly pour empêcher l'utilisateur de modifier la valeur jusqu'à ce que certaines autres conditions soient remplies (telles que la sélection d'une case à cocher, etc.). Ensuite, JavaScript peut supprimer L'attribut readonly pour empêcher l'utilisateur de modifier la valeur jusqu'à ce que certaines autres conditions soient remplies (telles que la sélection d'une case à cocher, etc.). Ensuite, JavaScript peut supprimer La valeur, et rend le champ d'entrée éditable.

Attention :Le formulaire soumettra toujours les champs d'entrée en lecture seule, mais ne soumettra pas les champs d'entrée désactivés !

Exemple

HTML formulaire contenant un champ d'entrée en lecture seule :

<form action="/action_page.php">
  <label for="country">Pays：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Soumettre">
</form>

Essayez-le vous-même

Syntaxe

<input readonly>

Compatibilité des navigateurs

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Balise HTML <input>