Maison > interface Web > Tutoriel d'amorçage > Comment implémenter une entrée bootstrap non modifiable

Comment implémenter une entrée bootstrap non modifiable

藏色散人
Libérer: 2023-02-09 14:37:39
original
4065 Les gens l'ont consulté

Comment implémenter une entrée bootstrap non modifiable : ouvrez d'abord le fichier de code correspondant ; puis définissez l'attribut désactivé pour la zone de saisie, avec des instructions telles que "placeholder="Entrée désactivée ici..." désactivée ; .

Comment implémenter une entrée bootstrap non modifiable

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

l'entrée bootstrap n'est pas modifiable

Dans Bootstrap, la définition de l'attribut désactivé pour la zone de saisie peut interdire toute interaction avec l'utilisateur (focus, saisie, etc.) . Les zones de saisie désactivées sont de couleur plus claire et un état de souris non autorisé a été ajouté.

<input class="form-control" id="disabledInput" type="text" placeholder="Disabled input here..." disabled>
Copier après la connexion

Rendu :

Comment implémenter une entrée bootstrap non modifiable

attribut désactivé

l'attribut désactivé est un attribut booléen. L'attribut

disabled spécifie quels éléments doivent être désactivés.

Les éléments de saisie désactivés sont inutilisables et non cliquables.

l'attribut désactivé est défini pour que les utilisateurs puissent utiliser l'élément uniquement lorsque certaines conditions sont remplies (comme cocher une case, etc.). Vous pouvez ensuite utiliser JavaScript pour supprimer la valeur désactivée, rendant ainsi l'élément

Conseil : les éléments désactivés dans le formulaire ne seront pas soumis.

Remarque : L'attribut désactivé ne s'applique pas à .

Recommandé : "Tutoriel vidéo bootstrap" "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:
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