Maison > interface Web > tutoriel HTML > Une introduction à la méthode permettant de rendre la saisie de formulaire et d'autres zones de texte en lecture seule et non modifiables en HTML

Une introduction à la méthode permettant de rendre la saisie de formulaire et d'autres zones de texte en lecture seule et non modifiables en HTML

高洛峰
Libérer: 2017-03-10 13:15:34
original
2595 Les gens l'ont consulté

Cet article explique comment rendre les zones de texte telles que la saisie de formulaire en lecture seule et non modifiables en HTML

Parfois, nous souhaitons que les zones de texte du formulaire soient en lecture seule afin que les utilisateurs ne puissent pas le faire. modifier les informations qu'ils contiennent. Si le contenu du texte saisi est utilisé, les caractères chinois ne peuvent pas être modifiés. Parfois, nous souhaitons que la zone de texte du formulaire soit en lecture seule afin que les utilisateurs ne puissent pas modifier les informations qu'elle contient, par exemple en modifiant le contenu de
Méthode 1 : onfocus=this.blur() Quitte le focus lorsque la souris ne peut pas être placée


Méthode 2 : lecture seule
= "input1" value="Chine" readonly="true">

Méthode 3 : désactivée


Exemple complet :




disabled="true" Ce texte de fruit deviendra gris et non modifiable.
readOnly="true" Le texte ne changera pas de couleur et n'est pas modifiable
blindage des entrées CSS :

Il existe deux méthodes. Premièrement : désactivé="disabled" est défini pour que l'élément d'entrée désactivé ne soit ni disponible ni cliquable. Deuxièmement : readonly="readonly" les champs en lecture seule ne peuvent pas être modifiés. Cependant, les utilisateurs peuvent toujours accéder au champ et sélectionner ou copier son texte
 ;

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal