Chapitre 6. Formulaires en HTML

Table des matières

Présentation
Principaux contrôles
Exemples

Présentation

Les formulaires de saisie permettent à l'utilisateur de fournir des informations et ainsi d'obtenir une réponse personnalisée. Les informations contenues dans les champs remplis par l'utilisateur sont transmises par le programme client au serveur qui les transmet à son tour à un programme de traitement, soit un CGI (Common Gateway Interface), soit un script de type PHP.

La structure d'un formulaire de saisie est simple, elle se compose d'un élément FORM contenant essentiellement une suite de contrôles (éléments input, textarea, select, button, etc.) mais aussi des éléments de structuration de document afin d'aligner correctement les champs d'entrée.

Globalement un formulaire se présente sous cette forme :

        <form method="(1)" action="(2)">
          du texte, des boutons, des zones de saisie ...
          <input type="submit" value="(3)" />
        </form>
      

où :

(1)

désigne la méthode à utiliser pour envoyer les informations ; c'est « GET » (par défaut ; les données du formulaire sont envoyées dans l'URL) ou « POST » (les données sont envoyées dans le corps du message, elles ne sont donc pas visibles dans l'URL).

(2)

désigne l'URL du programme (CGI, PHP, etc.) qui va traiter les données. (Ce peut être aussi MAIL, mais c'est déconseillé... Cela ne marche que si le navigateur de l'utilisateur est BIEN configuré. De toutes façons il faudra traiter les données après, et les stocker dans des boîtes aux lettres ne facilite pas l'automatisation de cette tâche.)

(3)

désigne le texte qui va apparaître dans le bouton d'envoi.

Dans l'affichage de la page, rien ne distingue le formulaire du reste du texte. Il est donc conseillé de le séparer du reste par la balise « <hr /> » avant et après, ou le mettre dans un tableau aux bordures visibles.