Les formulaires HTML
form, label, input et ses types, attributs de validation, et ce que le navigateur envoie en GET ou en POST : savoir quels champs partent et comment la requête s'écrit.
- 26 cartes
- 5 thèmes
- Gratuit
Le programme, thème par thème
Le poids de chaque thème suit celui que lui donne l'examen.
- Notions
- Questions
- Ranger et relier
- Les chiffres
- Mises en situation
Quelques cartes du deck
Attribut name d'un champ : de quoi s'agit-il ?
Voir la réponse
Clé sous laquelle la valeur du champ est envoyée au serveur, dans le couple clé=valeur.
Un champ sans
namen'est pas envoyé du tout, même rempli.namene se confond pas avecid, qui sert à relier unlabelou à cibler le champ en CSS.Un formulaire de méthode GET et d'action
/searchcontient<input name="q">rempli avec « chat » et<select name="lang">sur « fr ». Quelle URL le navigateur demande-t-il ?/search?q=chat&lang=fr/search?q=chat;lang=fr/search?q=chat?lang=fr/search/chat/fr
Voir la réponse
/search?q=chat&lang=frUn seul
?ouvre la chaîne de requête, puis chaque couplename=valeurest séparé du suivant par&. Les champs sont envoyés dans l'ordre où ils apparaissent dans le formulaire.L'attribut … de
formdonne l'adresse qui reçoit les données, et l'attribut … la méthode HTTP utilisée pour les envoyer.Voir la réponse
L'attribut action de
formdonne l'adresse qui reçoit les données, et l'attribut method la méthode HTTP utilisée pour les envoyer.Sans
action, le formulaire est envoyé à l'adresse de la page courante. Sansmethod, c'est GET.Étiquette (label) : de quoi s'agit-il ?
Voir la réponse
Élément qui nomme un champ de formulaire ; son attribut
forreprend l'iddu champ, et cliquer sur lui active le champ.Un lecteur d'écran lit son texte en arrivant sur le champ. Le
placeholderne le remplace pas : il disparaît dès qu'on tape.