Discussion :

[julienlacorne]

Bonjour, j'aimerai savoir comment on peut faire pour sélectionner un input type=radio au click sur le texte qui le décrit. ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input type="radio" name="radio" />text 1
<input type="radio" name="radio" />text 2

dans la même optique que les "for" des label vers l'input type="text" portant le même "id"

merci de vos réponses

[Bovino]

<label> n'est pas réservé aux input de type text, tu peux très bien les utiliser avec des types radio

[Bisûnûrs]

dans la même optique que les "for" des label vers l'input type="text" portant le même "id"

Ce n'est pas l'id qui est identique pour les boutons radio, mais le name. Un id quel qu'il soit reste unique.

[julienlacorne]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input id="<?php $i++; echo 'for-'.$i; ?>" type="radio" name="end" value="Matin" /><label for="<?php echo 'for-'.$i; ?>">Matin</label>
<input id="<?php $i++; echo 'for-'.$i; ?>" type="radio" name="end" /><label for="<?php echo 'for-'.$i; ?>">Après-midi</label>

En effet, ca fait ce que je voulais, c'est une faute de ma part, à moi de réfléchir un peu plus avant poser une question...

merci quand même

[Bovino]

Au pire, une technique (même si ce n'est pas la meilleure...) est d'entourer l'input avec le label :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<label>Choisir ma valeur : <input type="radio" name="mon_radio" value="ma_valeur" /></label>

[Rahim-US]

Bonjour tu peux utiliser ça en html:

Exemple pour 2 checkbox:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input id="mon_checkbox1" type="radio" name="checkbox" /><label for="mon_checkbox1">Selectionner le Checkbox 1 ICI</label>
<input id="mon_checkbox2" type="radio" name="checkbox" /><label for="mon_checkbox2">Selectionner le Checkbox 2 ICI</label>

[Macmillenium]

Au pire, une technique (même si ce n'est pas la meilleure...) est d'entourer l'input avec le label :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<label>Choisir ma valeur : <input type="radio" name="mon_radio" value="ma_valeur" /></label>

WCAG2.0 (et ses méthodes d'application) n'admet pas les labels implicites.

Il est donc fortement recommandé d'utiliser les labels explicites (grâce au couple for/id), comme le proposait Rahim-US.

[polymorphisme]

Bonjour,

tout à fait Macmillenium.

Aussi, la balise label est décrite sur la page http://www.w3.org/TR/html401/interac....html#h-17.9.1.