Comment rendre la zone de saisie CSS non modifiable

Comment définir la zone de saisie CSS pour qu'elle ne soit pas modifiable : 1. Ajoutez l'attribut désactivé à la balise d'entrée ; 2. Ajoutez l'attribut en lecture seule à la balise d'entrée ; 3. Ajoutez "readonly unselectable="on"" à la balise d'entrée.

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

3 façons de rendre la zone de saisie non modifiable

1 Ajoutez l'attribut désactivé à la balise d'entrée

L'attribut désactivé spécifie que l'élément d'entrée doit être désactivé, et l'élément d'entrée désactivé, il ne peut pas être modifié, copié, sélectionné, ne peut pas recevoir le focus et la valeur transmise ne sera pas reçue en arrière-plan. Après réglage, la couleur du texte deviendra grise. L'attribut désactivé ne peut pas être utilisé avec 10a0c4c6fe334f1dd2642c4aa224944a.

Exemple :

<input type="text" disabled="disabled" />

2. Ajoutez l'attribut readonly à la balise d'entrée

L'attribut readonly précise que le champ de saisie est en lecture seule et copiable. peut utiliser la touche Tab pour basculer vers ce champ. Un champ est sélectionnable, peut recevoir le focus et son texte peut être sélectionné ou copié. La valeur transmise sera reçue en arrière-plan. L'attribut readonly empêche les utilisateurs de modifier la valeur.

L'attribut readonly peut être utilisé avec 23efcc05e98690ceeb219581933e4231 ou 794332e4da1b97221ff0ba8bc66903c4.

Exemple :

<input type="text" readonly="readonly">

3. Ajoutez readonly unselectable="on" à la balise d'entrée

readonly unselectable="on" Cet attribut est similaire à désactivé L'élément d'entrée. ne peut pas être modifié, ne peut pas être copié, ne peut pas être sélectionné, ne peut pas recevoir le focus et la couleur du texte deviendra également grise après le réglage, mais la valeur transmise peut être reçue en arrière-plan.

Exemple :

<input type="text"  readonly  unselectable="on" >

[Apprentissage recommandé : Tutoriel vidéo CSS]

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!