Les boutons radio BOUTONS:Boutons radio

Vous pouvez afficher des boutons qui vont réagir comme des boutons radio, en n’acceptant qu’un seul choix.

Le dossier à télécharger pour cet exemple est nommé 09-Boutons-02.

Voici le code utilisé dans cet exemple :

<div class="btn-group btn-group-toggle" data-toggle="buttons"> 
        <label class="btn btn-info"> 
                <input type="radio" name="options" id="option1" 
autocomplete="off"> Option 1 
        </label> 
        <label class="btn btn-info"> 
                <input type="radio" name="options" id="option2" 
autocomplete="off"> Option 2 
        </label> 
        <label class="btn btn-info"> 
                <input type="radio" name="options" id="option3" 
autocomplete="off"> Option 3 
        </label> 
</div> 

Analysons le code :

Le conteneur de ces boutons radio est une boîte <div>. Cette boîte utilise la classe dédiée des boutons radio en boutons .btn-group. Nous avons aussi la classe .btn-group-toggle qui permet...

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
Les boutons classiques
Suivant
Les groupes de boutons