Maison  >  Article  >  interface Web  >  Comment définir CSS pour qu'il ne soit pas modifiable

Comment définir CSS pour qu'il ne soit pas modifiable

藏色散人
藏色散人original
2021-03-02 10:09:245222parcourir

Comment définir la non-modification en CSS : 1. Utilisez l'attribut readonly pour spécifier que le champ de saisie est en lecture seule et non modifiable. 2. Utilisez l'attribut désactivé pour désactiver l'élément d'entrée afin qu'il ne puisse pas être modifié.

Comment définir CSS pour qu'il ne soit pas modifiable

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

Le paramètre CSS ne peut pas être modifié :

1 Le CSS spécifie que le champ de saisie est en lecture seule via l'attribut readonly et ne peut pas être modifié :

<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  
  <p>Name:<input type="text" name="email" /></p>
  <p>Country:<input type="text" name="country" 
  value="China" readonly="readonly" /></p>
  
  <input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>
.

Rendu :

Comment définir CSS pour quil ne soit pas modifiable

[Apprentissage recommandé : Tutoriel vidéo CSS]

2. L'attribut désactivé stipule que l'élément d'entrée. doit être désactivé pour le rendre non modifiable

<html>
<body>
<form action="/example/html/form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" disabled="disabled" /></p>
  <input type="submit" value="Submit" />
</form>
<p>请在提交按钮上单击,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>
</body>
</html>

Rendu :

Comment définir CSS pour quil ne soit pas modifiable

attribut désactivé :

l'attribut désactivé spécifie que l'élément d'entrée doit être désactivé.

Un élément de saisie désactivé n'est ni disponible ni cliquable. L'attribut désactivé peut être défini jusqu'à ce qu'une autre condition soit remplie (telle qu'une case à cocher sélectionnée, etc.). Ensuite, vous devez utiliser JavaScript pour supprimer la valeur désactivée et basculer la valeur de l'élément d'entrée sur disponible.

attribut readonly :

attribut readonly spécifie que le champ de saisie est en lecture seule.

Les champs en lecture seule ne peuvent pas être modifiés. Cependant, les utilisateurs peuvent toujours accéder au champ et sélectionner ou copier son texte.

L'attribut readonly empêche l'utilisateur de modifier la valeur jusqu'à ce que certaines conditions soient remplies (comme une case à cocher cochée). Ensuite, vous devez utiliser JavaScript pour éliminer la valeur en lecture seule et faire passer le champ de saisie à un état modifiable.

L'attribut readonly peut être utilisé avec ou .

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
Article précédent:qu'est-ce que le CSSArticle suivant:qu'est-ce que le CSS