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

Comment définir le statut de lecture seule en HTML

青灯夜游
青灯夜游original
2021-06-03 16:46:349012parcourir

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>

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!

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