Comprendre les formulaires et la transmission des données

Exemple simple :

• L’attribut action indique l’adresse du serveur qui recevra les données.

• L’attribut method précise la manière dont les données seront transmises (`GET` ou `POST`).

• Chaque champ possède un attribut name, qui sert d’étiquette pour identifier la donnée envoyée.

À retenir

Un formulaire regroupe des champs de saisie. Les attributs `action`, `method` et `name` déterminent où et comment les données sont transmises.

La transmission des données : GET et POST

Lorsque l’utilisateur valide un formulaire, le navigateur envoie les données au serveur via une requête HTTP. Deux méthodes sont principalement utilisées :

• GET : les données sont ajoutées à l’URL, sous la forme de paramètres.

Exemple : `https://www.moteur.com/recherche?q=python`.

Cette méthode est adaptée pour la recherche ou la navigation, mais les données sont visibles et limitées en taille.

• POST : les données sont placées dans le corps de la requête HTTP.

Exemple : lors d’un formulaire de connexion avec identifiant et mot de passe.

Contrairement à GET, elles ne s’affichent pas dans l’URL, ce qui les rend moins exposées. Mais il est essentiel de rappeler que ces données ne sont pas protégées sans HTTPS : elles peuvent être interceptées si la connexion n’est pas chiffrée.

Dans les deux cas, les données suivent la logique d’encapsulation : le contenu du formulaire est inclus dans HTTP, qui est transporté par TCP, lui-même encapsulé dans IP.

À retenir

GET met les données dans l’URL, POST les met dans le corps de la requête. Sans HTTPS, même POST ne protège pas les informations transmises.

Le rôle du serveur

Une fois la requête reçue, le serveur analyse les données :

• Il lit les paramètres envoyés.

• Il effectue un traitement (par exemple, rechercher dans une base de données, vérifier un mot de passe).

• Il renvoie une réponse HTTP au client, qui peut être une nouvelle page HTML, un message d’erreur ou des données (par exemple en JSON).

• Cette réponse est accompagnée d’un code HTTP indiquant l’état du traitement : `200` pour « succès », `404` pour « ressource introuvable », `403` pour « accès interdit », etc. Ces codes guident l’interprétation côté client et peuvent déclencher des réactions spécifiques dans le navigateur ou dans le code JavaScript.

Exemple : si tu saisis python dans un moteur de recherche, le serveur renvoie une page contenant la liste des résultats associés, généralement avec un code `200`.

À retenir

Le serveur reçoit les données, les traite puis renvoie une réponse adaptée, accompagnée d’un code HTTP qui indique l’état de la requête.

Exemple concret : formulaire de connexion

• L’utilisateur saisit un identifiant et un mot de passe.

• Le navigateur envoie une requête HTTP POST contenant ces données.

• Le serveur vérifie si elles correspondent à un compte valide.

• Il renvoie soit une page d’accueil (réponse avec code `200`), soit un message d’erreur (par exemple `403` si l’accès est interdit).

Ce fonctionnement illustre le rôle clé des formulaires dans les interactions avec les serveurs.

À retenir

Les formulaires servent à transmettre des données saisies par l’utilisateur au serveur, qui décide ensuite de la réponse à envoyer et de l’état de la requête via un code HTTP.

Conclusion

Les formulaires Web sont l’outil essentiel pour collecter et transmettre des informations entre l’utilisateur et un serveur. Ils organisent la saisie en champs identifiés, puis envoient les données via des requêtes HTTP, en GET ou en POST, encapsulées dans TCP/IP. Mais sans HTTPS, ces données peuvent être interceptées, même lorsqu’elles ne sont pas visibles dans l’URL. Le serveur reçoit les informations, les interprète et renvoie une réponse accompagnée d’un code HTTP qui guide l’interprétation côté client. Les formulaires constituent donc une passerelle fondamentale entre l’homme et la machine, ouvrant la voie à toutes les applications interactives du Web.