Maison > interface Web > tutoriel CSS > Comment rendre la zone de saisie CSS non modifiable

Comment rendre la zone de saisie CSS non modifiable

藏色散人
Libérer: 2023-01-05 16:09:33
original
5072 Les gens l'ont consulté

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.

Comment rendre la zone de saisie CSS non modifiable

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" />
Copier après la connexion

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">
Copier après la connexion

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" >
Copier après la connexion

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

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal