NSI : Séance WEB03 — Langages du Web (3)

Thème : Interaction Client-Serveur et Formulaires HTML

1. Le Modèle Client-Serveur

Le Web repose sur un dialogue constant via le protocole HTTP :

CLIENT
(Navigateur)
—— Requête HTTP ——>
<—— Réponse HTTP ——
SERVEUR
(Machine distante)

2. Les Formulaires : La balise <form>

C'est l'outil principal pour l'interaction. Elle possède deux attributs cruciaux :

<form action="config.php" method="POST">
    <label>Consigne :</label>
    <input type="number" name="temp">
    <button type="submit">Envoyer</button>
</form>

3. Récapitulatif des Composants de Saisie

Chaque <input> doit avoir un attribut name pour que le serveur l'identifie.

Type Usage Exemple de rendu
type="text" Saisie de texte libre (nom, pièce). [ ____________ ]
type="password" Masque les caractères saisis. [ •••••••••• ]
type="number" Valeur numérique uniquement. [ 21 ] ↕
type="range" Curseur (slider) pour des valeurs. 🔘———————
type="submit" Bouton qui déclenche l'envoi. [ Valider ]

4. Méthodes de Transmission : GET vs POST

Le choix de la méthode est essentiel pour la sécurité et l'utilisabilité.

Caractéristique Méthode GET Méthode POST
Visibilité Données visibles dans l'URL. Données masquées dans le corps de la requête.
Sécurité Faible (ne pas utiliser pour les mots de passe). Plus élevée (recommandée pour les comptes).
Capacité Limitée (environ 2000 caractères). Presque illimitée (fichiers, longs textes).
Mise en favoris Possible (pratique pour une recherche). Impossible.

5. Analyse d'une URL avec GET

Lorsque vous utilisez method="GET", l'URL se construit ainsi :

http://monsite.fr/page.php?piece=Salon&temp=22