Campos radio y checkbox

Para colgar listas de elementos de tipo radio o checkbox [1], se utiliza un bloque <div class="choix"></div>. Esta escritura permite tener el botón antes del rótulo, de tener una listas radio en horizontal (a través de los CSS).

<li class="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>

Para pasar la lista en horizontal en CSS, alcanza con indicar que el bloque «choix» debe aparecer inline :

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

Notas

[1radio: campos de elección de una opción entre varias, checkbox: opción binaria, activado/desactivado

Autor o autora dani Publicado el: Actualizado: 12/03/23

Traducciones: English, Español, français