Maison > interface Web > tutoriel HTML > Comment rendre les zones de texte telles que la saisie de formulaire en lecture seule et non modifiables en HTML

Comment rendre les zones de texte telles que la saisie de formulaire en lecture seule et non modifiables en HTML

不言
Libérer: 2018-06-05 11:10:08
original
2052 Les gens l'ont consulté

Parfois, nous espérons que la zone de texte du formulaire est en lecture seule afin que l'utilisateur ne puisse pas modifier les informations qu'elle contient. Par exemple, le contenu du texte saisi ne peut pas être modifié. nous J'espère que la zone de texte du formulaire est en lecture seule afin que l'utilisateur ne puisse pas modifier les informations qu'elle contient. Par exemple, si le contenu de est créé, le mot « Chine » ne peut pas être modifié. Pour résumer, les modalités de mise en œuvre sont les suivantes.

Méthode 1 : onfocus=this.blur() Quitte le focus lorsque la souris ne peut pas être placée


Méthode 2 : lecture seule
<input type="text" name="input1" value="中国" onfocus=this.blur()>
Copier après la connexion


Méthode 3 : désactivé
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">
Copier après la connexion


Exemple complet :
<input type="text" name="input1" value="中国" disabled="true">
Copier après la connexion


<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className=&#39;input_1&#39;" onMouseOut="this.className=&#39;input_2&#39;" value="123456789" disabled="true" readOnly="true" />
Copier après la connexion
disabled="true"

Le texte va changer C'est grisé et ne peut pas être modifié. readOnly="true"
Le texte ne changera pas de couleur et n'est pas modifiableblindage 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 utiliser la touche de tabulation pour basculer vers le champ, et peuvent également sélectionner ou copier son texte


Recommandations associées :

Lectures vidéo/audio HTML5 ; fichiers locaux


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