Previous Up Next
Université Lille 3-Charles de GaulleUFR de Mathématiques Sciences Économiques et Sociales

Chapitre 5  HTML, les formulaires

5.1  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ù : 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.

5.2  Principaux contrôles

Les principaux contrôles sont :

5.3  Exemples

Vous pourrez trouver deux exemples (presque identiques, sauf pour la méthode d'envoi : GET pour l'un, POST pour l'autre) aux adresses suivantes : Vous pouvez tester vos propres formulaires en suivant les instructions de la page :
http://www.grappa.univ-lille3.fr/~torre/Enseignement/TPs/Formulaires
Votre formulaire doit contenir un attribut caché identifiant et le champ ACTION doit contenir la valeur :
http://www.grappa.univ-lille3.fr/~torre/Enseignement/TPs/Formulaires/universel.php

D.Gonzalez (gonzalez@univ-lille3.fr) en date du th , 

Previous Up Next