Ignorer la navigation

Code client: formulaire HTML

Création d'un formulaire HTML

Un formulaire HTML permet à un internaute d'envoyer des données à un serveur en utilisant une requête HTTP.

  • L'élément parent est form. Les attributs les plus importants sont:
  • action: url de la page web qui va réceptionner et traiter les données transmises,
  • method: méthode de transmission utilisée GET ou POST,
  • name et value: donnée transmise sous forme de couples de nom/valeur.

Exemple de formulaire:

<form action="welcome_get.php" method="get">
  <input type="text" name="nom" placeholder="Entrez votre nom..."><br>
  <input type="text" name="email" placeholder="Entrez votre email..."><br>
  <input type="submit">
</form>

Url appelée: welcome_get.php?nom=titi&email=titi@gmail.com

Exemple

On doit créer un formulaire qui permet de rediriger vers google en faisant une requête de type GET. Le paramètre passé s'appelle « q » et la valeur est le texte tapé dans le formulaire par l'utilisateur :

https://www.google.fr/search?q=titi

Protocole https
Serveur www.google.fr
Script search
Valeur attendue q
Méthode GET

Pour cela créer un fichier html contenant le formulaire ci-dessous:


<form action="http://www.google.fr/search" method="get">
  <input type="text" name="q" placeholder="Entrez votre recherche..."><br>
  <input type="submit">
</form>

Formulaires à créer

Sur le même principe, créer pour chaque formulaire une page web qui envoi une requête comme indiqué. La réponse du serveur vous indiquera si vous avez réussi...

Requête GET avec une valeur

Protocole http
Serveur bts.sn.ir.free.fr
Script forms/traitementServeur_GET.php
Valeur attendue nom
Méthode GET

Requête GET avec 2 valeurs

Protocole http
Serveur bts.sn.ir.free.fr
Script forms/traitementServeur_GET_2.php
Valeur attendue nom et prenom
Méthode GET

Requête POST avec 2 valeurs

Protocole http
Serveur bts.sn.ir.free.fr
Script forms/traitementServeur_POST_2.php
Valeur attendue ville et pays
Méthode POST

Formulaire avec un mot de passe :

Protocole http
Serveur bts.sn.ir.free.fr
Script forms/traitementServeur_POST_SECRET.php
Valeur attendue login=admin et pass=secret
Méthode POST



Créé avec eXeLearning (Nouvelle fenêtre)