Informatique


Fonctionnement d'un formulaire

Aller à

Qu'est-ce qu'un formulaire

Pour interagir avec l'utilisateur on peut intéger des formulaires.
Chaque formulaire regroupe 1 ou plusieurs éléments qui permettrons à peu près tout: envoyer du texte, des images, des fichiers, de faire des choix etc.

On constatera que nous touchons maintenant aux limites du HTML, en effet HTML ne peut traîter les informations transmises par un formulaire.
Il faudra donc faire appel à un langage de programmation pour s'occuper des données envoyées.


<form> et ses attributs

<form> définit un formulaire

  • method, cet attribut définit la méthode HTTP qui sera utilisée pour envoyer les données au serveur. Les valeurs possibles (par défaut get):
    • get, correspond à la méthode GET du protocole HTTP. Les données du formulaire sont ajoutées à l'URI de l'attribut action avec '?' comme séparateur. L'URI ainsi composée est ensuite enovyée vers le serveur
    • post, correspond à la méthode POST du protocole HTTP, les données du formulaire sont incluses dans le corps du formulaire et envoyées vers le server.
  • action spécifie le fichier (ou l'adresse mail) où les données seront envoyées pour y être traîtées
  • autocomplete permet ou non l'autocomplétion des champs, 2 valeurs possibles (par défaut on):
    • on, le navigateur peut remplir automatiquement les valeurs d'après les précédentes informations qu'a entrées l'utilisateur lors d'usages antérieurs du formulaire
    • off, l'utilisateur doit remplir lui-même la valeur de chaque champ, à chaque utilisation du formulaire; le navigateur ne doit pas remplir automatiquement les valeurs.
  • id pour nommer le formulaire. !!! Ne pas utiliser name !!!
  • target indique où afficher la réponse après avoir envoyé le formulaire.
    • _self, charge la réponse dans la même fenêtre (valeur par défaut)
    • _parent, charge la réponse dans le contexte de navigation parent
    • _top, charge la réponse dans le contexte de navigation le plus haut (c'est-à-dire le contexte de navigation qui est l'ancêtre de l'actuel, et qui n'a aucun parent). S'il n'y a pas de parent, l'option se comporte comme _self
    • _blank, charge la réponse dans une fenêtre HTML 4 non nommée ou dans un contexte de navigation HTML5.

Fonctionnement d'un formulaire