Technologies Internet et Education, © TECFA
2. Création du formulaire HTML

2. Création du formulaire HTML

Vous allez créer votre propre formulaire à partir d'un exemple.

http://tecfa.unige.ch/guides/tie/code/act-quiz2/simple-quiz.html
Commencez par essayer ce formulaire en ligne pour voir le résultat et regardez le code source de cet exemple.
Ensuite, copiez ce fichier et modifiez le pour l'adapter à votre convenance.

Tout ce qu'on vous demande, c'est de modifier les questions existantes et d'en rajouter quelques autres sur le même modèle (boutons radios).

Ne faites pas compliqué !!! Si vous sortez du cadre de l'exercice, c'est à vos risques et périls pour la phase de traitement qui vient ensuite.

Vous pouvez copier/coller des éléments dans le fichier exemple et/ou utiliser la barre d'outils forms de HtmlKit

Vous devez avoir un formulaire simple qui marche pour que nous puissions en faire le traitement avec PHP ensuite.

Pour vérifier que tout fonctionne bien (valeurs des différents éléments, nom des éléments....), postez votre formulaire vers la page de test. Pour cela, modifiez l'url dans le paramètre "action" de la balise form sur votre page :

<form action="<url>"
...>

<url>=
http://tecfa.unige.ch/guides/tie/code/act-quiz2/test-form.php

Quelques idées pour ceux qui ont fini et qui s'ennuient...

Testez les autres éléments des formulaires ( Garder la première version simple , faites un nouveau fichier) et regardez le résultat à l'écran. Vous pouvez également soumettre le formulaire à l'adresse ci-dessus pour tester, cela marchera avec tous types d'éléments
Faites une deuxième version du quiz avec des questions qui ont plusieurs réponses possibles avec des checkbox. C'est un peu plus difficile à traiter mais c'est faisable si vous comprenez bien PHP. Garder la première version simple (faites un nouveau fichier).
Faites un CSS pour améliorer la visualisation et faire plus joli.

-- TIE