Création d'une case à cocher dans votre formulaire HTML5 - Mannequins

Parfois, vous voulez que les utilisateurs de votre page web indiquent si les informations sont vraies ou fausses. L'élément de case à cocher HTML5 est parfait pour ce type d'entrée car l'utilisateur peut cliquer pour sélectionner ou désélectionner l'option. Les cases à cocher sont une autre variante de l'étiquette d'entrée polyvalente. Les cases à cocher pour les œufs verts et le jambon sont montrées sur la figure:

Les cases à cocher apparaissent souvent en groupes, mais elles sont indépendantes les unes des autres. Le code d'une page Web avec des cases à cocher ressemble à:

formDemo. html

Form Démo
Sélection d'éléments
Cases à cocher Œufs verts Jambon

Vous attachez généralement une étiquette à la zone de texte afin que l'utilisateur clique sur la case ou l'étiquette associée pour effectuer une sélection.

Pour créer une case, procédez comme suit:

1. Commencez avec un élément d'entrée .

2. Définissez l'attribut type sur case à cocher .

   Ceci clarifie que l'élément d'entrée est une case à cocher et place une petite case à cocher sur l'écran.

3. Donnez à l'élément un champ id afin que votre code puisse fonctionner directement avec l'élément.

4. Spécifiez une valeur.

   Vous pouvez associer une valeur à une case à cocher. L'utilisateur ne verra pas la valeur (sauf si vous choisissez de faire en sorte que l'étiquette ressemble à la valeur).

5. Ajouter une étiquette.

   Les cases à cocher doivent être associées à une étiquette pour que l'utilisateur comprenne bien la case à cocher. L'étiquette est généralement positionnée à droite de la case à cocher.

6. Ajoutez l'attribut pour à l'étiquette.

   L'étiquette a un attribut spécial appelé, qui vous permet de spécifier quel élément d'entrée correspond à l'étiquette. Placez la valeur d'identification de la case à cocher dans cet attribut de l'étiquette.

   Ceci est particulièrement utile pour les cases à cocher car, dans la plupart des navigateurs, l'utilisateur peut cliquer sur l'étiquette ou la case à cocher pour déclencher la sélection. L'association de l'étiquette à la case à cocher donne à l'utilisateur une plus grande cible à cliquer et rend le formulaire plus facile à utiliser.

Les formulaires HTML ne font rien par eux-mêmes. Vous aurez besoin d'ajouter une sorte de programmation en JavaScript ou HTML pour que le formulaire fasse quelque chose.