Les quiz avec évaluation

Partie HTML

Ci-dessous figure le code source HTML (entre les tags <BODY> et </BODY>) de la page contenant l'exemple du formulaire avec évaluation. Vous pouvez l'obtenir en affichant la source de la page (CTRL-U).

Le texte écrit en rouge nécessite des modifications de cas en cas.

Code source Commentaire
<BGCOLOR="#FFFFFF">
<CENTER>
<H1>Petit quiz</H1> 		Cette partie correspond au haut de la page, depuis le tag <BODY>. Ce n'est pas encore le formulaire proprement dit.
<FORM NAME = "test_form"> Ce tag marque la début du formulaire.
<TABLE CELLSPACING=2 CELLPADDING=1 BORDER=1>
 Début du tableau où sont écrites les questions
<TR BGCOLOR="#CCFFFF">
<TD><B>Question 1</B><P>
Quel est le nom de la créature dans le roman "Frankenstein" ?</TD>
<TD><INPUT TYPE = "radio" VALUE = "" onClick = "this.form[1].value=1">Dracula<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[1].value=2">Frankenstein<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[1].value=3">Frank Einstein<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[1].value=4">Il n'a pas de nom, il est trop moche<BR></TD>
</TR>
 Première question dans la première ligne du tableau. Remarquez les "this.form[1].value=1, 2 , 3 ou 4", qui permettront de savoir ce qu'a répondu l'élève à cette question.
<TR>
<TD><B>Question 2</B><P>
Qui est le président actuel des Etats-Unis ?</TD>
<TD><INPUT TYPE = "radio" VALUE = "" onClick = "this.form[2].value=1">George W. Couche<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[2].value=2">George W. Bush<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[2].value=3">George W. Louche<BR>
<INPUT TYPE = "radio" VALUE = "" onClick = "this.form[2].value=4">George W. Mouche<BR></TD>
</TR>
 Deuxième question dans la deuxième ligne du tableau. Remarquez les "this.form[2].value=1, 2 , 3 ou 4", qui permettront de savoir ce qu'a répondu l'élève à cette question.
</TABLE> Fin du tableau où sont écrties les questions
<P>
<INPUT TYPE = "button" NAME = "Corriger" VALUE = "Corriger" onClick = "process(this.form)">
<INPUT TYPE = "button" NAME = "Tout effacer" VALUE = "Tout effacer" onClick = "{reset(this.form); effacer(this.form)}">
Ces deux boutons appellent des fonctions définies dans la partie javascript.
</FORM> Ce tag marque la fin du formulaire.
</BODY>
</HTML> 		Fin de la page

Didier Müller, 11.10.20