Comment utiliser les cases à cocher et des boutons radio dans votre formulaire de html5

category Ordinateurs et logiciels / Programmation / Html

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 cases: Choisir plus d'une option.

  • Les boutons radio: Choisissez une seule option.

    Les boutons radio diffèrent de cases à cocher de manière importante: Les utilisateurs peuvent sélectionner un seul bouton radio à partir d'un ensemble d'options, mais peuvent choisir un certain nombre de cases à cocher (y compris aucun, un ou plus d'un).

Si de nombreux choix sont disponibles (plus de la moitié d'une douzaine), utiliser une liste déroulante au lieu des boutons de radio ou des cases à cocher.




Pour créer des boutons radio et cases à cocher, prendre ces mesures:

  1. Utilisez le avec l'élément type attribut défini sur radio ou case.

  2. Créer chaque option avec ces attributs:

    • nom: Donne la possibilité d'un nom.

    • valeur: Spécifiez la valeur qui est renvoyée si l'utilisateur sélectionne l'option.

    Vous pouvez également utiliser la vérifié attribuer (avec une valeur de vérifié) Pour spécifier qu'une option devrait déjà être sélectionné lorsque le navigateur affiche la forme. Ceci est un bon moyen de spécifier une sélection par défaut.

    Ce balisage montre comment formater case à cocher et des boutons radio d'options:

    Le résultat est représenté sur cette figure.
    image0.jpg
    Dans le balisage précédent, chaque ensemble d'options utilise le même nom pour chaque contrôle d'entrée, mais donne une valeur différente à chaque option. Vous donnez chaque élément dans un ensemble d'options du même nom pour laisser le navigateur sait qu'ils font partie d'un ensemble.
    Si vous le souhaitez, vous pouvez sélectionner autant de cases que vous le souhaitez par défaut dans le balisage de la page - comprennent tout simplement checked = "checked" dans chaque  élément que vous voulez sélectionné à l'avance.
     
     
     
     
     
     
     
     
    Articles Similaires
     
      

     
     
    A propos Auteur
     
      Comment utiliser les champs de texte dans votre formulaire de html5 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,…
      Comment créer des cases à cocher en javascript pour HTML5 et CSS3 programmation 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 interpréter les boutons radio en javascript pour HTML5 et CSS3 programmation Comment interpréter les boutons radio en javascript pour HTML5 et CSS3 programmation 
    Obtenir des informations à partir d'un groupe de boutons radio javascript nécessite une technique légèrement différente pour votre page HTML5 que la plupart des éléments de formulaire. Contrairement à la sélectionner objet, il n'y a…
      Comment utiliser PHP pour construire une forme de HTML5 avec des éléments complexes 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 construire une case à cocher dans votre formulaire de html5 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.…
      Comment créer un bouton radio dans un formulaire de html5 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…
      Contrôlez la façon dont fonctionne la paie dans QuickBooks 2014 Contrôlez la façon dont fonctionne la paie dans QuickBooks 2014 
    La paie Employés Préférences ensemble comprend seulement l'onglet Préférences Société. La paie QuickBooks Caractéristiques boutons radio vous permettent de dire QuickBooks façon dont vous voulez gérer la masse salariale:Utilisation d'un…
      Contrôle de la masse salariale fonctionne dans QuickBooks 2011 Contrôle de la masse salariale fonctionne dans QuickBooks 2011 
    Vous pouvez contrôler et configurer les différents paramètres de la paie dans QuickBooks 2011 avec la paie Employés Préférences, qui comprend Préférences Société. La paie QuickBooks Caractéristiques boutons radio vous permettent de dire…
      Comment changer les QuickBooks 2013 Voir de bureau Comment changer les QuickBooks 2013 Voir de bureau 
    L'onglet Mes Préférences du bureau Voir préférences définies fournit Voir boutons radio - une fenêtre et plusieurs fenêtres - qui vous permettent d'indiquer si QuickBooks 2013 devrait utiliser une fenêtre ou plusieurs fenêtres pour afficher…
      Comment changer les QuickBooks 2012 Vue de bureau Comment changer les QuickBooks 2012 Vue de bureau 
    L'onglet Mes Préférences du bureau Voir préférences définies fournit Voir boutons radio - une fenêtre et plusieurs fenêtres - qui vous permettent d'indiquer si QuickBooks 2012 devrait utiliser une fenêtre ou plusieurs fenêtres pour afficher…
      Comment changer les QuickBooks 2014 vue du bureau Comment changer les QuickBooks 2014 vue du bureau 
    Mes préférences sur l'onglet de QuickBooks 2014 la boîte de dialogue des préférences du bureau View fournit Voir boutons radio - une fenêtre et plusieurs fenêtres - qui vous permettent d'indiquer si QuickBooks doivent utiliser une fenêtre ou…
      QuickBooks 2011 rapports et les préférences des graphes QuickBooks 2011 rapports et les préférences des graphes 
    L'onglet Mes Préférences des rapports Graphiques préférences définies dans QuickBooks 2011 prévoit boutons radio que vous pouvez utiliser pour indiquer comment QuickBooks devraient rafraîchir rapports lorsque l'information dans les change.…
      Spécifiez rapports et préférences graphiques dans QuickBooks 2012 Spécifiez rapports et préférences graphiques dans QuickBooks 2012 
    L'onglet Mes Préférences des rapports Graphiques préférences définies dans QuickBooks 2012 prévoit boutons radio que vous pouvez utiliser pour indiquer comment QuickBooks devraient rafraîchir rapports lorsque l'information sur laquelle le…
      Spécifiez rapports et préférences graphiques dans QuickBooks 2013 Spécifiez rapports et préférences graphiques dans QuickBooks 2013 
    L'onglet Mes Préférences des rapports Graphiques préférences définies dans QuickBooks 2013 comprend des boutons radio que vous pouvez utiliser pour indiquer comment QuickBooks devraient rafraîchir rapports lorsque l'information sur laquelle…
     
     
     »  »  »  » Comment utiliser les cases à cocher et des boutons radio dans votre formulaire de html5