Comment définir le statut de lecture seule en HTML-tutoriel HTML-php.cn

Comment définir le statut de lecture seule en HTML

青灯夜游

Libérer： 2023-01-06 11:16:27

original

9023 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!