Comment rendre les zones de texte telles que la saisie de formulaire en lecture seule et non modifiables dans la production de pages HTML_HTML/Xhtml_Web

Parfois, nous souhaitons que la zone de texte du formulaire soit en lecture seule afin que l'utilisateur ne puisse pas modifier les informations qu'elle contient. Par exemple, dans le contenu de , 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



Méthode 3 : désactivé


Exemple complet :



disabled="true " Le texte deviendra gris et ne pourra pas être modifié.
readOnly="true" Le texte ne changera pas de couleur et n'est pas modifiable

entrée de blindage CSS :

Là il y en a deux La première méthode : désactivé="disabled" est définie de telle sorte que l'élément d'entrée désactivé n'est 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 sélectionner ou copier son texte ;