Adloun

HTML : structurer le Web (école d'ingénieur) · Chapitre 6 · Application directe du cours

Ce que reçoit le serveur

Formulaires · niveau 2

Énoncé

Voici le formulaire d'inscription aux ateliers de la librairie.


<form action="/ateliers" method="get">
  <p><label for="nom">Nom</label> <input type="text" id="nom" name="nom"></p>
  <fieldset>
    <legend>Niveau</legend>
    <label><input type="radio" name="niveau" value="1"> Débutant</label>
    <label><input type="radio" name="niveau" value="2"> Confirmé</label>
    <label><input type="radio" name="niveau" value="3"> Expert</label>
  </fieldset>
  <fieldset>
    <legend>Options</legend>
    <label><input type="checkbox" name="options" value="java"> Java</label>
    <label><input type="checkbox" name="options" value="web"> Web</label>
    <label><input type="checkbox" name="options" value="ia"> IA</label>
  </fieldset>
  <p><label for="remarque">Remarque</label> <input type="text" id="remarque"></p>
  <p><button type="submit">S'inscrire</button></p>
</form>

Hugo tape « Hugo » dans le nom, choisit « Confirmé », coche « Java » et « Web », tape « allergique au gluten » dans la remarque, puis clique sur le bouton. Quelle adresse le navigateur demande-t-il exactement ? Que devient la remarque ?

Corrigé

La méthode est GET : les paires sont ajoutées à l'adresse. Seuls les champs ayant un name sont envoyés, les cases cochées une fois chacune, le bouton radio choisi seul :


/ateliers?nom=Hugo&niveau=2&options=java&options=web

La remarque n'est pas envoyée : son champ a un id (pour l'étiquette) mais pas de name. Hugo croit avoir signalé son allergie ; le serveur n'en saura rien. Il faut ajouter name="remarque".

100 % gratuit

La suite du chapitre est sur Adloun

Exercice suivant et tuteur

Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.

Le cours du chapitre · Tous les exercices du chapitre

Exercice suivant et tuteur →