Lorsque vous parcourez vos sites Web préférés, des cases à cocher apparaissent lorsque vous devez sélectionner une option parmi les nombreuses disponibles. Ces cases à cocher sont créées dans à l'aide d'une balise spéciale. Dans cet article, nous verrons comment créer une case à cocher en HTML et le fonctionnement des cases à cocher dans l'ordre suivant:
- Comment créer une case à cocher en HTML?
- Case à cocher vs boutons radio
- Désactiver une case à cocher en HTML
Comment créer une case à cocher en HTML?
Une case à cocher est un élément de formulaire qui vous permet de sélectionner plusieurs options parmi les différentes options disponibles. Les cases à cocher sont créées avec le HTMLtag. Il peut être imbriqué dans un élément ou être autonome. Ils peuvent également être associés à un formulaire à l'aide de attribut de forme de l'étiquette.
Voici un exemple de base pour créer une simple case à cocher:
Rouge vert bleu
Production:
Prenons un autre exemple et ajoutons un bouton d'envoi pour que les cases à cocher deviennent utiles. Ici, vous pouvez également placer les cases à cocher dans un élément qui spécifie une page pour traiter le formulaire.
Quelle est votre couleur préférée? Rouge vert bleuRésultat:
Production:
Case à cocher vs boutons radio
Les boutons radio permettent à l'utilisateur de sélectionner une seule option. Tandis que les cases à cocher permettent à l'utilisateur de sélectionner n'importe quel nombre d'options. Prenons un exemple et voyons comment fonctionnent les boutons radio et les cases à cocher:
comment écrire une méthode tostring en java
Cases à cocher
Quelle est votre couleur préférée? Rouge vert bleuBoutons radio
Choisissez votre sexe? Homme Femme InconnuRésultat:
Production:
Dans l'exemple ci-dessus, vous pouvez voir que vous pouvez sélectionner autant de cases à cocher que vous le souhaitez. Cela rend la case à cocher adaptée aux moments où l'utilisateur doit pouvoir sélectionner plusieurs options. Mais, si vous essayez de sélectionner plus d'un bouton radio, la sélection précédente est désélectionnée. Cela vous permet de forcer les utilisateurs à sélectionner une seule option.
Désactiver une case à cocher en HTML
Vous pouvez désactiver une case à cocher dans en utilisant l'attribut désactivé. Cela peut être fait en conjonction avec un script pour activer ou désactiver la case à cocher selon que certains critères ont été remplis.
Prenons un exemple pour voir comment nous pouvons désactiver une case à cocher:
Rouge vert bleu
Production:
Dans l'exemple ci-dessus, nous avons désactivé la couleur rouge. Ainsi, vous pouvez sélectionner le vert et le bleu dans la case à cocher mais pas la couleur rouge.
fibonacci en c ++
Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris comment les cases à cocher dans HTML fonctionnent et comment elles peuvent être utilisées différemment.
Maintenant que vous connaissez Checkbox en HTML, consultez la par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «Case à cocher en HTML» et nous vous recontacterons.