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:
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.htmlFormulaire 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:
Commencez par une contribution élément.
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.
Donner à l'élément d'un id domaine afin que votre code peut travailler directement avec l'élément.
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).
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.
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.
A propos Auteur
Comment construire des cases à cocher pour votre HTML5 et CSS3 pages Web en fonction Les cases à cocher sont un outil utile pour HTML5 et CSS3 page web développeurs. Les cases à cocher sont utilisées quand vous voulez l'utilisateur d'activer un choix particulier ou désactiver.Chaque case représente une valeur vrai ou faux qui…
Comment construire entrées de style de texte pour votre HTML5 et CSS3 pages Web en fonction La plupart des éléments de formulaire sur les pages web HTML5 et CSS3 sont des variantes de la même étiquette. La balise peut créer une seule ligne de texte, boîtes boîtes de mot de passe, des boutons, et le contenu même invisibles (tels que…
Comment faire pour créer des champs de liste déroulante dans html5 Des listes déroulantes des formulaires sur votre site Web sont un excellent moyen pour donner aux utilisateurs de nombreuses options dans une petite quantité d'espace à l'écran. Vous utilisez deux balises HTML pour créer une liste déroulante:…
Comment utiliser les cases à cocher et des boutons radio dans votre formulaire de html5 Lorsque vous créez un formulaire de collecte de données pour votre site web, si seulement un ensemble fini de valeurs possibles est disponible pour l'utilisateur, vous pouvez lui donner une collection d'options à choisir à partir de:Cochez les…
Comment utiliser les champs de texte dans votre formulaire de html5 Vous pouvez utiliser une variété de types de champs d'entrée dans vos formulaires, tels que texte, mot de passe, radio (bouton), case, caché, recherche, tél (numéro de téléphone), URL, email (adresse), datetime, date, mois, semaine, temps,…
Les contrôles de base dans javafx JavaFX définit une pléthore de commandes que vous utilisez pour interagir avec l'utilisateur. Les plus couramment utilisés sont Étiquette, Bouton, Champ de texte, CheckBox, et Bouton de radio.ÉtiquetteÉtiquette LBL = nouveau label ("Ceci est…
Comment créer des cases à cocher en javascript pour HTML5 et CSS3 programmation Les cases à cocher remplissent une autre fonction d'entrée de données utiles en javascript pour HTML5 et CSS3 programmation. Ils sont utiles tout moment vous avez des données booléennes. Si une certaine valeur peut être vrai ou faux, une…
Comment utiliser PHP pour construire une forme de HTML5 avec des éléments complexes Pour un exemple d'utilisation de PHP pour créer des formulaires HTML5 plus complexes, regarder par-dessus monty.html. Ce programme est un hommage à l'un des meilleurs films de tous les temps. (Vous pourriez avoir à louer ce film si vous allez…
Comment personnaliser les cases à cocher des numéros de iPad App Les numéros en application iPad, il est facile d'utiliser des cases à cocher, qui sont très utiles. Une case à cocher peut indiquer, par exemple, que l'article est en stock ou en rupture de stock (oui / non ou vrai / faux). Cependant, vous…
Comment ajouter des boutons à une forme de html5 Le bouton omniprésente est un aliment de base de toute page web, et si vous construisez votre page en utilisant HTML5, vous pouvez inclure tous les types habituels de boutons. Il existe trois principaux types de boutons, mais ils se ressemblent…
Comment créer un bouton radio dans un formulaire de html5 Pour inclure des boutons de radio sur votre page web HTML5, il est utile de savoir ce qu'ils sont et comment les utiliser. Sur la surface, boutons radio semblent un peu comme des cases à cocher, mais ils sont différents dans un certain nombre de…
Sort de contrôle de vérifier dans QuickBooks 2012 Pas de préférences de l'entreprise existent pour les Préférences d'orthographe dans QuickBooks 2012, mais l'onglet Mes Préférences fournit plusieurs options pour contrôler la façon dont la vérification orthographique fonctionne pour vous au…
Sort de contrôle de vérifier dans QuickBooks 2013 Pas de préférences de l'entreprise existent pour les Préférences d'orthographe dans QuickBooks 2013, mais l'onglet Mes Préférences fournit plusieurs options pour contrôler la façon dont la vérification orthographique fonctionne pour vous au…
Comment configurer QuickBooks 2012 préférences de contrôle Si vous affichez la boîte de dialogue des Préférences et cliquez sur l'icône de Contrôle, QuickBooks 2012 affiche soit l'onglet Mes préférences ou l'onglet Préférences Société.L'onglet Mes Préférences pour vérifier Préférences vous…