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 .
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 ou .
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!