Affichage des boutons radios ne fonctionne que sur firefox

[Résolu/Fermé]
Signaler
-
 Batou229 -
Bonjour à tous,

sur mon site internet je souhaite réaliser un formulaire sous forme de qcm.
ça fonctionne très bien mais les boutons radios ne s'affichent pas sur chrome, de même sur safari alors que sur firefox j'ai bien mes boutons qui s'affichent.

Voici le code de mon formulaire :

<form id="myform" class="cssform" action="php/qcm.php" method="post">
<p><label for="name">NOM et Prénom:</label>
<input id="name" class="input" name="name" required type="text" value="" size="30" /><br /></p>
</br>
<p><label for="email">Mail:</label>
<input id="email" class="input" name="email" required type="email" value="" size="30" /><br /></p>
</br>
<p><label for="card">N° de carte Leclerc:</label>
<input id="card" class="input" name="card" required type="text" value="" size="30" /><br /></p>
</br>

<p><label for="question1"> Quand avons nous publié le premier article dans l'onglet Travaux ? </label>
<input type="radio" name="question1" value="true" /> Le 16 Mars </br>
<input type="radio" name="question1" value="false"/> Le 18 Mars </br>
<input type="radio" name="question1" value="false"/> Le 20 Mars </br>
<input type="radio" name="question1" value="false"/> Le 22 Mars </br></p>

<p><label for="question2"> Combien de boutiques ou concepts sont représenté dans l'onglet Galerie ? </label>
<input type="radio" name="question2" value="false" /> 8 </br>
<input type="radio" name="question2" value="false"/> 12</br>
<input type="radio" name="question2" value="true"/> 16</br>
<input type="radio" name="question2" value="false"/> 20</br></p>

<p><label for="question3"> Où se trouve le point info dans le magasin ? </label>
<input type="radio" name="question3" value="false" /> A coté de l'accueil </br>
<input type="radio" name="question3" value="false"/> Au niveau des surgelés </br>
<input type="radio" name="question3" value="false"/> Près du rayon liquide </br>
<input type="radio" name="question3" value="true"/> Au bout de l'allée centrale </br></p>

<p><label for="question4"> Combien d'interviews salariés sont disponibles sur le site ? </label>
<input type="radio" name="question4" value="false" /> 1</br>
<input type="radio" name="question4" value="false"/> 2</br>
<input type="radio" name="question4" value="true"/> 3</br>
<input type="radio" name="question4" value="false"/> 4</br></p>

<p>
<input type="submit" class="button button-alt" value="Gagner une surprise" />
</p>
</form>



Merci de votre aide !!

bonne journée

2 réponses


Il ne faut pas mettre de slash à la fin des input :
<form id="myform" class="cssform" action="php/qcm.php" method="post">
<p><label for="name">NOM et Prénom:</label>
<input id="name" class="input" name="name" required type="text" value="" size="30" ><br /></p>
</br>
<p><label for="email">Mail:</label>
<input id="email" class="input" name="email" required type="email" value="" size="30" ><br /></p>
</br>
<p><label for="card">N° de carte Leclerc:</label>
<input id="card" class="input" name="card" required type="text" value="" size="30" ><br /></p>
</br>

<p><label for="question1"> Quand avons nous publié le premier article dans l'onglet Travaux ? </label><br>
<input type="radio" name="question1" value="true" > Le 16 Mars </br>
<input type="radio" name="question1" value="false"> Le 18 Mars </br>
<input type="radio" name="question1" value="false"> Le 20 Mars </br>
<input type="radio" name="question1" value="false"> Le 22 Mars</br></p>

<p><label for="question2"> Combien de boutiques ou concepts sont représenté dans l'onglet Galerie ? </label>
<input type="radio" name="question2" value="false" > 8 </br>
<input type="radio" name="question2" value="false"> 12</br>
<input type="radio" name="question2" value="true"> 16</br>
<input type="radio" name="question2" value="false"> 20</br></p>

<p><label for="question3"> Où se trouve le point info dans le magasin ? </label>
<input type="radio" name="question3" value="false" > A coté de l'accueil </br>
<input type="radio" name="question3" value="false"> Au niveau des surgelés </br>
<input type="radio" name="question3" value="false"> Près du rayon liquide </br>
<input type="radio" name="question3" value="true"> Au bout de l'allée centrale </br></p>

<p><label for="question4"> Combien d'interviews salariés sont disponibles sur le site ? </label>
<input type="radio" name="question4" value="false" > 1</br>
<input type="radio" name="question4" value="false"> 2</br>
<input type="radio" name="question4" value="true"> 3</br>
<input type="radio" name="question4" value="false"> 4</br></p>

<p>
<input type="submit" class="button button-alt" value="Gagner une surprise" >
</p>
</form> 



Cependant, même avec votre anicen code, les boutons radio s'affichent. Pouvez vous me montrer le site sur lequel vous avez entré ce code svp ?
merci de ta réponse du coup je me suis penché sur le css et c'est ça qui faisait que je n'avais plus les boutons :) merci beaucoup !!!