Maison > interface Web > tutoriel HTML > Comment définir le statut de lecture seule en HTML

Comment définir le statut de lecture seule en HTML

青灯夜游
Libérer: 2023-01-06 11:16:27
original
9047 Les gens l'ont consulté

En HTML, vous pouvez définir le statut de lecture seule en ajoutant l'attribut readonly à la balise. L'attribut readonly est un attribut booléen qui spécifie que le champ de saisie ou la zone de texte est en lecture seule ; en lecture seule, le contenu ne peut pas être modifié, mais l'utilisateur peut basculer vers le contrôle via la touche de tabulation et sélectionnez ou copiez le contenu.

Comment définir le statut de lecture seule en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

html définir le statut en lecture seule

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
    	input,textarea{
    		width: 200px;
    	}
    </style>
  </head>
  <body>
  	<input type="text" value="测试文本-只读状态,无法编辑" readonly="readonly"/>
  	<br />
  	<textarea readonly>测试文本-只读状态,无法编辑</textarea>
  </body>
</html>
Copier après la connexion

Rendu :

Comment définir le statut de lecture seule en HTML

Instructions :

L'attribut readonly est un attribut booléen.

L'attribut readonly spécifie qu'un champ de saisie ou une zone de texte est en lecture seule.

Dans un champ de saisie ou une zone de texte en lecture seule, le contenu ne peut pas être modifié, mais l'utilisateur peut basculer vers le contrôle via la touche de tabulation et sélectionner ou copier le contenu.

Vous pouvez définir l'attribut en lecture seule pour reprendre l'utilisation de la zone de texte par l'utilisateur jusqu'à ce que certaines conditions soient remplies (comme la sélection d'une case à cocher). Vous pouvez ensuite utiliser JavaScript pour supprimer la valeur de l'attribut readonly afin de rendre la zone de texte modifiable.

Tutoriel recommandé : "Tutoriel vidéo HTML"

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