
Une case à cocher est un élément graphique permettant à l' utilisateur d'effectuer un choix binaire, c'est-à - dire de choisir entre deux options mutuellement exclusives. Par exemple, à une question simple par oui ou par non , l' utilisateur devra répondre « oui » (cochée) ou « non » (non cochée) .
Les cases à cocher apparaissent vides lorsqu'elles ne sont pas cochées, et avec une coche ou une croix (selon l'interface graphique) lorsqu'elles sont cochées. Une légende expliquant la signification de la case à cocher est généralement affichée à côté de celle-ci. Pour inverser l'état d'une case à cocher, il suffit de cliquer dessus avec la souris, sur sa légende, ou d'utiliser un raccourci clavier , comme la barre d'espace .
Souvent, une série de cases à cocher est présentée, chacune offrant un choix binaire entre deux options. L'utilisateur peut alors sélectionner plusieurs options. Ceci contraste avec le bouton radio , qui ne permet de choisir qu'une seule option parmi plusieurs choix mutuellement exclusifs.
Les cases à cocher peuvent être désactivées (indiquées « grisées ») pour informer l'utilisateur de leur existence et de leur utilisation possible malgré leur indisponibilité momentanée.
case à cocher Tri-state

Certaines applications utilisent des cases à cocher permettant un état indéterminé, en plus des deux états classiques. Ce troisième état, représenté par un carré ou un tiret, indique que la case n'est ni cochée ni décochée. On l'utilise généralement lorsque la case est associée à un ensemble d'éléments aux états variés. L'utilisateur ne peut généralement pas sélectionner cet état indéterminé, qui passe à l'état coché lorsqu'il est activé.
Par exemple, une case à cocher permettant de sélectionner des fichiers à envoyer par FTP peut utiliser une arborescence afin de sélectionner les fichiers un par un ou par dossier. Si seuls certains fichiers d'un dossier sont sélectionnés, la case à cocher correspondante sera indéterminée. Cliquer sur cette case sélectionnera tous les fichiers ou, plus rarement, aucun. En cliquant plusieurs fois, la case alternera entre cochée (tous les sous-dossiers et fichiers sont sélectionnés) et décochée (aucun sous-dossier ni fichier n'est sélectionné).
Certaines implémentations de cases à cocher à trois états permettent à l'utilisateur de basculer entre tous les états, y compris l'état indéterminé, en mémorisant l'état mixte des éléments de la collection. Cela fait office de fonction d'annulation .
Non applicable
Cocher ou décocher une case modifie son état sans autre effet secondaire. Le fait d'associer des actions supplémentaires à ce changement d'état, enfreignant cette règle, perturbe souvent les utilisateurs, car ils ont l'habitude de saisir des données dans des champs de saisie tels que des zones de texte, des boutons radio et des cases à cocher, puis d'utiliser un bouton pour déclencher le traitement des données.
Une exception courante consiste à activer ou afficher des éléments de saisie utilisateur supplémentaires dont la pertinence dépend de l'état de la case à cocher. Dans d'autres situations, on utilise généralement un interrupteur à bascule à la place d'une case à cocher.
HTML
Dans les formulaires web , l' élément HTML est utilisé pour afficher une case à cocher. <inputtype="checkbox">