Maison  >  Article  >  interface Web  >  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

不言
不言original
2018-06-05 11:10:081989parcourir

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 30a0181054e737e923d2c728da1ba61f 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()>


Méthode 3 : désactivé
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">


Exemple complet :
<input type="text" name="input1" value="中国" disabled="true">


<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" />
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!

Déclaration:
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