Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
63 lines (47 sloc) 2.2 KB

Formulaires HTML

Le but de cet atelier est de vous familiariser avec le code HTML nécessaire pour produire des formulaires et le code PHP nécessaire pour traiter les données des formulaires.

Objectifs

  • Se familiariser avec les formulaires HTML.
  • Manipuler différents types de contrôles.
  • Traiter les données d'un formulaire.

Exercices

  1. Créez un formulaire d'admission à une association professionnelle d'informaticiennes et informaticiens. La page devrait commencer par un titre (h1) suivi d'un paragraphe explicatif (une documentation sur l'objectif du formulaire).

    Le formulaire devrait contenir les champs textes suivants :

    • nom (max 40 caractères);
    • prénom (max 50 caractères);
    • l'âge (max 2 caractères).

    Utilisez un formulaire avec la méthode POST.

    Lorsqu'il reçoit les données du formulaire, le serveur doit valider les données. Les 3 champs sont obligatoires et l'âge doit contenir uniquement des chiffres. En cas d'erreur, on affiche une page à l'utilisateur avec un message d'erreur générique du genre "Une erreur s'est glissée dans les données envoyées."

  2. Ajoutez des champs pour permettre au candidat de spécifier son dernier diplôme obtenu. Les champs sont :

    • l'année de diplomation (max 4 caractères, avec un placeholder montant le format attendu);
    • l'établissement (une liste déroulante contenant 8 universités canadiennes);
    • le nom du programme (champs texte, max 40 caractères).

    Tous les champs sont obligatoires.

  3. Le candidat doit spécifier quel type d'admission il aimerait choisir (boutons radios, un seul choix possible) parmi les suivants :

    • Membre régulier;
    • Membre or;
    • Membre observateur;
    • Membre junior.
  4. Ajoutez une zone de texte où le candidat sera invité à décrire son parcours professionnel.

  5. Un bouton Soumettre doit apparaître au bas du formulaire.

  6. Changez le fonctionnement de la validation pour permettre de retourner un message d'erreur significatif en cas d'erreur. Par exemple : "Le champ 'Prénom' est obligatoire."

    S'il y a plusieurs erreurs à communiquer, on affiche tous les messages en même temps.