Maison > interface Web > Tutoriel Layui > Comment définir la zone de saisie du bootstrap en lecture seule

Comment définir la zone de saisie du bootstrap en lecture seule

藏色散人
Libérer: 2023-01-13 00:40:11
original
3284 Les gens l'ont consulté

Comment définir la zone de saisie en lecture seule du bootstrap : ouvrez d'abord le fichier de code correspondant ; puis définissez l'attribut en lecture seule pour la zone de saisie, avec des instructions telles que "placeholder="Entrée en lecture seule ici..." lecture seule".

Comment définir la zone de saisie du bootstrap en lecture seule

L'environnement d'exploitation de ce tutoriel : système Windows 7, version bootsrap 3.3.7, ordinateur Dell G3

Recommandé : " tutoriel vidéo bootstrap》《tutoriel vidéo CSS

Zone de saisie en lecture seule

La définition de l'attribut en lecture seule pour la zone de saisie peut interdire la saisie de l'utilisateur et la zone de saisie Le style est également désactivé.

<input class="form-control" type="text" placeholder="Readonly input here…" readonly>
Copier après la connexion

Rendu :

Comment définir la zone de saisie du bootstrap en lecture seule

attribut en lecture seule

l'attribut en lecture seule est un attribut booléen.

L'attribut readonly précise 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.

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:
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