Bouton d'option

Il serait plus logique de parler de boutons d'option car ils n'ont de sens que s'ils sont plusieurs. Ainsi on parle d'un groupe de boutons d'options.

Les boutons d'option, aussi appelés boutons radio, ont comme particularité qu'une seule option à la fois peut être activée (le "ou" exclusif).

La syntaxe de base est :

<FORM>
<INPUT type="radio" name="nom du groupe" value="valeur du bouton">
</FORM>

Ainsi, si on propose un choix entre, ou le tarif de jour ou le tarif de nuit ou le tarif de week-end, l'exemple devient ...

<FORM>
<INPUT type= "radio" name="tarif" value="jour"> tarif de jour
<INPUT type= "radio" name="tarif" value="nuit"> tarif de nuit
<INPUT type= "radio" name="tarif" value="week-end"> tarif de week-end
</FORM>

 

tarif de jour tarif de nuit tarif de week-end

Vous pouvez tester qu'une seule option à la fois peut être sélectionnée.

Commentaires

	Vous avez compris que l'attribut name="nom" doit avoir le même nom pour tout le groupe de boutons d'option.
	L'attribut checked (optionnel) permet de présélectionner un bouton radio. Ainsi <INPUT type= "radio" name="tarif" value="jour" checked> tarif de jour présenterait le bouton radio "tarif de jour" en position présélectionnée.

tarif de jour tarif de nuit tarif de week-end

Le contenu de l'attribut "value" du bouton retenu sera renvoyé par mailto ou utilisé par le Javascript.

La balise <INPUT> n'a pas de balise de fin.

Pour la petite histoire le terme radio ferait référence aux anciens postes de radio sur lesquels le fait d'appuyer sur un bouton désactivait le bouton précédemment enfoncé