Radio button une seule sélection par groupe

Version imprimable

Bonjour à tous
Quand j'utilise ce code tous fonctionne bien

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<div class="qcm" id="question10">
 
		<center><h1>30 sec représentent?</h1><Center/>
 
		<p><h2><input type="radio" id="reponse11a">0,30 min<p/>
		<p><input type="radio" id="reponse11b">0,50 min<p/>
		<p><input type="radio" id="reponse11c">1/2 heures<p/>
		<p><input type="radio" id="reponse11d">Je ne sais pas !<h2/><p/>
 
	</div>

mais si j'insère une image les radiobutton ne fonctionnent plus

Code:

1
2
3
4
5
6
7
8
9
10
11
<div class="qcm" id="question12">
 
 
		<center><h1>Quelle est la surface du Cercle ?</h1><Center/>
		<center><img src="cercle.jpg"<center/>
		<p><h2><input type="radio" id="reponse13a">40 m²<p/>
		<p><input type="radio" id="reponse13b">400 m²<p/>
		<p><input type="radio" id="reponse13c">200 m²<p/>
		<p><input type="radio" id="reponse13d">Je ne sais pas !<h2/><p/>
 
	</div>

comment faut-il s'y prendre pour insérer une image sans perturber les radiobutton, je suis totalement perdu
merci pour vos réponses

29/05/2018, 11h16
Doksuri

tu n'as pas ferme la balise de ton image

<img src="cercle.jpg" />

ps : revois les bases du HTML, pour fermer une balise, le slash est au debut de la balise de fermeture et pas a la fin
</p> et non <p/>
29/05/2018, 11h19
dmoluc

merci

je dois encore faire une bétise car tous les radiobutton peuvent être cochés en même temps

Code:

1
2
3
4
5
6
7
8
9
10
11
<div class="qcm" id="question11">
 
 
		<center><h1>Quelle est la surface du triangle ?</h1><Center/>
		<center><img src="triangle.jpg"/><center/>
		<p><h2><input type="radio" id="reponse12a">40 m²<p/>
		<p><input type="radio" id="reponse12b">400 m²<p/>
		<p><input type="radio" id="reponse12c">200 m²<p/>
		<p><input type="radio" id="reponse12d">Je ne sais pas !<h2/><p/>
 
	</div>

29/05/2018, 11h34
eleydet

Bonjour,

Deux conseils :
- La balise <center> est obsolète. Elle ne devrait plus être utilisée. Elle peut être remplacée, par exemple, par <div style="text-align: center;">... </div>
- Testez votre code avec Firefox puis appuyez simultanément sur les touches Ctrl et u du clavier. Le code apparaît dans un nouvel onglet. S'il y a du rouge, c'est qu'il y a une erreur de codage.

Et pour qu'on ne puisse cocher qu'un bouton, il faut ajouter l'attribut name avec une valeur unique.

Code:

1
2
3
4
5
 
<p><input type="radio" name="question_1" id="reponse12a">40 m²</p>
<p><input type="radio" name="question_1" id="reponse12b">400 m²</p>
<p><input type="radio" name="question_1" id="reponse12c">200 m²</p>
<p><input type="radio" name="question_1" id="reponse12d">Je ne sais pas !</p>

29/05/2018, 11h43
dmoluc

merci je vais tenir compte de vos conseils