Boutons radio

Conseils

Utilisez les boutons radio lorsque les utilisateurs ne peuvent sélectionner qu’une seule option.

Les boutons radio de base conviennent à la plupart des cas. Vous pouvez cependant utiliser la version étendue lorsque les options comportent une étiquette et une description.

Insérez les groupes de boutons radio dans un ensemble de champs <fieldset>, et appliquez l’élément <legend> (stylisé comme une étiquette) au texte principal.

Boutons radio

<!-- Groupe de boutons radio -->
<fieldset class="gnb-radio-buttons">
	<legend>Voulez-vous être notifié ?</legend>
	<div class="pair">
		<input type="radio" name="form-radio-2" id="radio-1-a" checked>
		<label for="radio-1-a">Oui</label>
	</div>
	<div class="pair">
		<input type="radio" name="form-radio-2" id="radio-2-a">
		<label for="radio-2-a">Non</label>
	</div>
</fieldset>