Les sélecteurs de choix

1. Les cases à cocher et les boutons radio standards FORMULAIRES:Cases à cocher et boutons radio standards

Les cases à cocher et les boutons radio s’insèrent dans une boîte avec une classe dédiée : <div class="form-check">, avec l’élément HTML standard des formulaires, mais avec à nouveau une classe dédiée : <input class="form-check-input">.

Le dossier à télécharger pour cet exemple est nommé 07-Formulaires-04.

Voici le code de cet exemple simple :

<form role="form"> 
   <p>Choisissez une ou plusieurs options</p> 
   <div class="form-check"> 
        <input class="form-check-input" type="checkbox" 
value="" id="choix1"> 
        <label class="form-check-label" for="choix1">Choix 1</label> 
   </div> 
   <div class="form-check"> 
        <input class="form-check-input" type="checkbox" 
value="" id="choix2"> 
        <label class="form-check-label" for="choix2">Choix 2</label> 
   </div> ...