Comment construire une case à cocher dans votre formulaire de html5

Parfois, vous voulez que vos utilisateurs de pages Web pour indiquer si l'information est vraie ou fausse. Le HTML5 case élément est parfait pour ce genre 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 la polyvalente contribution tag. Les cases à cocher pour Green Eggs and Ham sont présentés dans la figure:

image0.jpg

Les cases à cocher apparaissent souvent en groupes, mais ils sont indépendants les uns des autres. Le code pour une page web avec des cases à cocher ressemble:

formDemo.html

Formulaire Démo

Vous attachez généralement une étiquette à la zone de texte de sorte que l'utilisateur peut cliquer sur la case à cocher ou de l'étiquette associée pour faire une sélection.

Pour construire une case à cocher, procédez comme suit:

  1. Commencez par une contribution élément.




  2. Met le type attribuer à case.

    Cela clarifie ce que l'élément d'entrée est une case à cocher et place une petite boîte vérifiable sur l'écran.

  3. Donner à l'élément d'un id domaine afin que votre code peut travailler directement avec l'élément.

  4. Spécifiez une valeur.

    Vous pouvez attacher une valeur à une case à cocher. L'utilisateur ne verra pas la valeur (sauf si vous choisissez de faire l'étiquette ressemblent à la valeur).

  5. Ajouter une étiquette.

    Les cases à cocher vraiment besoin d'avoir une étiquette associée avec eux afin que l'utilisateur comprenne ce que la case à cocher est d'environ. L'étiquette est habituellement positionné à la droite de la case.

  6. Ajouter le pour attribuer à l'étiquette.

    Le label possède un attribut spécial appelé pour, qui vous permet de spécifier quel élément d'entrée l'étiquette correspond à. Placer le id valeur de la case à cocher dans cet attribut de l'étiquette.

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

Formulaires HTML ne font rien de leur propre chef. Vous aurez besoin d'ajouter une sorte de programmation en javascript ou HTML pour rendre la forme de faire quelque chose.


» » » » Comment construire une case à cocher dans votre formulaire de html5