Les formulaires HTML

Prenez le temps d'expérimenter les différents champs, et aussi de regarder le code source de ce fichier. Ensuite, créez un fichier HTML avec formulaire par exercice (je vous fournirai l'URL le moment venu)

Le script que vous allez appeler côté serveur n'a pas connaissance de la structure de votre formulaire : il sait juste si c'est une requête GET ou POST, le nom du champ, et sa valeur

  1. Envoyez une requête POST contenant un champ nommé "mdp" dont la valeur est "abracadabra". Utilisez un champ texte
  2. Envoyez une requête POST contenant un champ nommé "pays1" dont la valeur est "italie" et un champ "pays2" dont la valeur est "france". Utilisez obligatoirement des checkboxes
  3. Envoyez une requête GET contenant un champ nommé "radio" dont la valeur est "skyrock". Utilisez obligatoirement des boutons radio
  4. Envoyez une requête GET contenant un champ nommé "fruit" dont la valeur est "fraise". Utilisez obligatoirement une liste déroulante

Champ texte

— saisie d'une ligne de texte libre.
Attributs courants : name, value, placeholder, maxlength, required.



Champ password

— identique au champ texte mais les caractères sont masqués.
Attributs courants : name, placeholder, minlength, required.



Liste déroulante

pour autoriser plusieurs sélections.
Attribut selected sur une pour pré-sélectionner.
Les peuvent être regroupées avec .



Case à cocher (checkbox)

— case indépendante, peut être cochée ou décochée.
Plusieurs checkboxes peuvent partager le même name (tableau de valeurs côté serveur).
Attribut checked pour pré-cocher. La valeur envoyée est celle de value (défaut : on).

Newsletter
Alertes SMS
Notifications push

Bouton radio

— choix exclusif au sein d'un groupe.
Tous les boutons d'un même groupe doivent avoir le même name.
Attribut checked pour pré-sélectionner. Une seule valeur est envoyée par groupe.

M.
Mme
Autre

Boutons de soumission et réinitialisation

— envoie le formulaire vers l'URL définie dans action.
— remet tous les champs à leur valeur initiale.