Fiche de cours

Comprendre le fonctionnement d'un formulaire

Lycée > Premiere > NSI > Comprendre le fonctionnement d'un formulaire

Fiche de cours
Quiz et exercices
Vidéos et podcasts

Objectif

Comprendre le fonctionnement d’un formulaire simple qui transmet les données par un passage des paramètres via l’URL.

Points clés

Lorsqu’on remplit un formulaire simple, les réponses sont transmises par l’URL et sont donc accessibles par une tierce personne.

Pour bien comprendre

Le modèle client/serveur (SNT 2^de)
Les protocoles de transfert du web – HTTP et HTTPS (SNT 2^de)
L’URL (SNT 2^de)

1. La syntaxe d'une URL et d'un formulaire

a. L'URL

Une URL est une adresse qui est liée à une ressource donnée et qui reste unique sur le web.

URL (Uniform Ressource Locator en anglais) signifie « localisateur uniforme de ressource ». Elle est est composée de différentes parties qui s’agencent de la manière suivante.

protocole://nom:port/document?paramètres de requêtes#id

Protocole utilisé : http, https, ftp, etc.
Nom : nom de domaine ou adresse du site.
Port utilisé : on peut éventuellement spécifier le port de connexion (c’est un système permettant aux ordinateurs de préciser les « lieux » où ils vont recevoir ou émettre des informations).
Document : précise le chemin du document à atteindre.
Paramètres de requêtes : pour ajouter des critères à une requête, on tape nom=valeur séparées par des &.

Exemple
L’ajout de n1=v1&n2=v2&n3=v3 permet de rajouter comme critères : n1 doit valoir v1, n2 doit valoir v2 et n3 doit valoir v3.
#id : signet qui permet d’identifier un élément HTML particulier.

Exemple
http://www.nsiforever.fr/liste.html?classe=Premiere&lycee=Dumont
Cette URL permettra d’accéder au fichier liste du site nsiforever.fr avec les paramètres classe=Premiere et lycee=Dumont.

b. Le formulaire HTML

Un formulaire HTML est un moyen de demander de l’information à un client et de les adresser à un serveur web.

On utilise pour cela les balises <form> et </form> en précisant l’attribut action qui précise l’URL où les données seront envoyées.

Les données seront saisies par le client dans des champs de saisies matérialisés par les balises <input type="..." value="..."></input> ou <input type="..." value="..."/>.

Les " … " représentent :

le type de la donnée à saisir pour l’attribut type ;
le nom donné à cette valeur pour l’attribut value.

Exemple
Voici le code HTML et le formulaire généré par celui-ci.

Le prénom sera envoyé à « https://mapage.fr ».

Remarque
Il existe d’autres types de formulaire.

Pour obtenir une liste à cocher avec différents choix (bouton « radio »), on utilisera la ligne de code suivante.
<input type="radio" name="choix" value="0">Choix1</input>
<input type="radio" name="choix" value="0">Choix2</input>
…
Pour obtenir une liste déroulante avec différents choix, on utilisera le bout de code suivant.
<select name="choix">
<option value="choix1">Choix1</option>
<option value="choix2">Choix2</option>
…
</select>

2. Envoi d'un formulaire : passage des paramètres au serveur

Lors de l’envoi du formulaire, les paramètres, c’est-à-dire les informations saisies par l’utilisateur, sont passés au serveur en utilisant l’URL et la méthode GET.

Si on tape par exemple « CLAIRE » dans la case d’un formulaire envoyant ses données à http://maxicours.fr, la requête HTTP envoyée par le navigateur sera la suivante.

GET /form?prenom=CLAIRE HTTP/1.1	Requête GET.
Host: maxicours.fr	Précision de l’URL où les données sont envoyées.

Le navigateur chargera alors la page en http://maxicours.fr/form?prenom=CLAIRE.

Remarque
« Host » indique l’adresse URL où doit être envoyé le formulaire.

Si on ajoute un champ matière au formulaire précédent, et que Claire indique « NSI » dans ce champ, la requête HTTP envoyée par le navigateur sera la suivante.

GET /form?prenom=CLAIRE&matiere=NSI HTTP/1.1
Host: mapage.fr

Le navigateur chargera alors la page en http://maxicours.fr/form?prenom=CLAIRE&matiere=NSI.

Cela peut générer des problèmes car la longueur d’une URL ne peut pas dépasser 2048 caractères. Les données du formulaire sont de plus transmises de manière visible, ce qui ne convient pas pour des données personnelles et/ou sensibles !

Évalue ce cours !

Note 1 / 5. Nombre de vote(s) : 1

Des quiz et exercices pour mieux assimiler sa leçon

La plateforme de soutien scolaire en ligne myMaxicours propose des quiz et exercices en accompagnement de chaque fiche de cours. Les exercices permettent de vérifier si la leçon est bien comprise ou s’il reste encore des notions à revoir.

S’abonner

Des exercices variés pour ne pas s’ennuyer

Les exercices se déclinent sous toutes leurs formes sur myMaxicours ! Selon la matière et la classe étudiées, retrouvez des dictées, des mots à relier ou encore des phrases à compléter, mais aussi des textes à trous et bien d’autres formats !

Dans les classes de primaire, l’accent est mis sur des exercices illustrés très ludiques pour motiver les plus jeunes.

S’abonner

Des quiz pour une évaluation en direct

Les quiz et exercices permettent d’avoir un retour immédiat sur la bonne compréhension du cours. Une fois toutes les réponses communiquées, le résultat s’affiche à l’écran et permet à l’élève de se situer immédiatement.

myMaxicours offre des solutions efficaces de révision grâce aux fiches de cours et aux exercices associés. L’élève se rassure pour le prochain examen en testant ses connaissances au préalable.

S’abonner

Des vidéos et des podcasts pour apprendre différemment

Certains élèves ont une mémoire visuelle quand d’autres ont plutôt une mémoire auditive. myMaxicours s’adapte à tous les enfants et adolescents pour leur proposer un apprentissage serein et efficace.

Découvrez de nombreuses vidéos et podcasts en complément des fiches de cours et des exercices pour une année scolaire au top !

S’abonner

Des podcasts pour les révisions

La plateforme de soutien scolaire en ligne myMaxicours propose des podcasts de révision pour toutes les classes à examen : troisième, première et terminale.

Les ados peuvent écouter les différents cours afin de mieux les mémoriser en préparation de leurs examens. Des fiches de cours de différentes matières sont disponibles en podcasts ainsi qu’une préparation au grand oral avec de nombreux conseils pratiques.

S’abonner

Des vidéos de cours pour comprendre en image

Des vidéos de cours illustrent les notions principales à retenir et complètent les fiches de cours. De quoi réviser sa prochaine évaluation ou son prochain examen en toute confiance !

S’abonner

Profs en ligne

Découvrez le soutien scolaire en ligne avec myMaxicours

Plongez dans l'univers de myMaxicours et découvrez une approche innovante du soutien scolaire en ligne, conçue pour captiver et éduquer les élèves de CP à la terminale. Notre plateforme se distingue par une riche sélection de contenus interactifs et ludiques, élaborés pour stimuler la concentration et la motivation à travers des parcours d'apprentissage adaptés à chaque tranche d'âge. Chez myMaxicours, nous croyons en une éducation où chaque élève trouve sa place, progresse à son rythme et développe sa confiance en soi dans un environnement bienveillant.

Profitez d'un accès direct à nos Profs en ligne pour une assistance personnalisée, ou explorez nos exercices et corrigés pour renforcer vos connaissances. Notre assistance scolaire en ligne est conçue pour vous accompagner à chaque étape de votre parcours éducatif, tandis que nos vidéos et fiches de cours offrent des explications claires et concises sur une multitude de sujets. Avec myMaxicours, avancez sereinement sur le chemin de la réussite scolaire, armé des meilleurs outils et du soutien de professionnels dédiés à votre épanouissement académique.

EXERCE-TOI EN T'ABONNANT