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
- 10 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.