Les cases à cocher et les boutons radio

1. Les éléments 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...
Pour consulter la suite, découvrez le livre suivant :
couv_OW24BOO.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
La structure de base
Suivant
Les mises en page des formulaires