Champs radio et checkbox

Pour afficher des listes d’éléments de type radio ou checkbox, on utilise un bloc <div class="choix"></div>. Cette écriture permet d’avoir le bouton avant le label, d’avoir la liste radio en horizontal (via CSS).

<li class="editer editer_syndication">
	<div class="choix">
		<input type='radio' class="radio" name='syndication' value='non' id='syndication_non'[ (#ENV{syndication}|=={non}|oui)checked="checked"] />
		<label for='syndication_non'><:bouton_radio_non_syndication:></label>
	</div>
	<div class="choix">
		<input type='radio' class="radio" name='syndication' value='oui' id='syndication_oui'[ (#ENV{syndication}|=={oui}|oui)checked="checked"] />
		<label for='syndication_oui'><:bouton_radio_syndication:></label>
	</div>
</li>

Pour passer la liste en horizontal en CSS, il suffit d’indiquer que le bloc « choix » doit s’afficher inline :

.formulaire_spip .editer_syndication .choix {display:inline;}

Auteur Matthieu Marcillaud Publié le : Mis à jour : 12/03/23

Traductions : English, Español, français