Maison  >  Article  >  interface Web  >  Comment implémenter en HTML que le contenu d'une zone de texte ne peut pas être modifié

Comment implémenter en HTML que le contenu d'une zone de texte ne peut pas être modifié

小云云
小云云original
2017-12-01 11:12:323389parcourir

Dans cet article, nous partagerons avec vous une connaissance de base : la méthode HTML pour réaliser que la zone de texte est en lecture seule et ne peut pas modifier le contenu. J'espère que cela sera utile à tout le monde.

<!--方法1: onfocus=this.blur()  当鼠标放不上就离开焦点 -->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- 方法2:readonly  文字不会变色,也是不可编辑的-->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- 方法3: disabled   此时文字会变成灰色,不可编辑。 -->
<input type="text" name="input1" value="中国" disabled="true">

Le contenu ci-dessus est la méthode HTML pour réaliser que la zone de texte est en lecture seule et ne peut pas modifier le contenu. Bien que ce soit très simple, c'est en effet une petite méthode pratique. être utile à tout le monde.

Recommandations associées :

jQuery implémente la fonction de définition et de suppression de la valeur par défaut de la zone de texte

Création de la zone de texte de saisie non modifiable en méthode html

Brève description de la méthode de mise en œuvre de la saisie simultanée dans deux zones de 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!

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