Comment créer une case à cocher en HTML?

Lorsque vous naviguez sur vos sites Web préférés, des cases à cocher apparaissent lorsque vous devez sélectionner une option. Ici, nous allons voir comment créer une case à cocher en HTML.

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?

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:

sortie de la case à cocher - case à cocher en html - edureka

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 bleu

Ré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 bleu

Boutons radio

Choisissez votre sexe? Homme Femme Inconnu

Ré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.