ionique seule boîte
boutons électoraux ioniques et le type de norme similaire = "radio" l'élément d'entrée. Ce qui suit montre le bouton moderne de radio de type app.
Chaque type = nom élément-radio de l'attribut "radio" des éléments d'entrée sont les mêmes. classe de radio-icône de l'icône est affichée.
ionique utilisant <label> dans une seule option, ce qui rend plus facile de cliquer.
Exemples
<div class="list"> <label class="item item-radio"> <input type="radio" name="group" value="go" checked="checked"> <div class="item-content"> Go </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="python"> <div class="item-content"> Python </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="ruby"> <div class="item-content"> Ruby </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value=".net"> <div class="item-content"> .Net </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="java"> <div class="item-content"> Java </div> <i class="radio-icon ion-checkmark"></i> </label> <label class="item item-radio"> <input type="radio" name="group" value="php"> <div class="item-content"> PHP </div> <i class="radio-icon ion-checkmark"></i> </label> </div>
Les résultats d'exploitation sont les suivantes: