La base :

Un formulaire doit commencer par :

<FORM ACTION="URL_de_votre_cgi" METHOD="POST" 
TARGET="votre_target">

Remarques :
- Vous pouvez mettre GET à la place de POST.
- TARGET="votre_target" est nécessaire uniquement si vous utilisez des frames.

Un formulaire doit finir par :  </FORM>

Vous pouvez mettre autant de formulaires différents que vous le souhaitez, dans une même page HTML.

 

Les données :

On ne va pas faire ici un cours sur les menus déroulants, cases texte, etc, mais il faut retenir que chaque champ de formulaire doit avoir un nom, qu'il vous faut fixer vous-même. Vous retrouverez ce nom partout dans votre CGI, il est donc important que le nom de chaque champ soit à peu près explicite.

Exemple de champ texte :
Votre nom : <input type="text" name="nom" value="" size="15">

Conseil :
- Dans les noms de champ, ne mettez ni espaces, ni caractères accentués. Bref, rien que des chiffres, lettres de l'alphabet, et '-' ou '_'

 

Boutons d'envoi de formulaire :

Tout le monde connaît le bouton "submit" classique, qui n'est pas vraiment un modèle d'esthétisme.
Sachez que vous pouvez également utiliser n'importe quelle image à la place du fameux bouton d'envoi.

Code HTML pour le bouton d'envoi classique :
<input type="submit" name="nom_du_bouton" value="Envoi du formulaire !">

Code HTML pour une image faisant office de bouton d'envoi :
<input type="image" src="http://url_de_l_image.gif" border="0" name="nom_du_bouton" alt="commentaire libre">

Remarques :
- Il est important de donner un nom à chaque bouton-submit ou bouton-image. Si vous en mettez plusieurs dans votre formulaire, dans le CGI, vous pourrez ainsi savoir lequel a été cliqué par le visiteur.
- Les boutons-images sont peu utilisés car, il y a un traitement particulier à faire dans le CGI, pour détecter lequel a été cliqué.

Les boutons-images vont vous changer la vie et rendre vos formulaires plus humains...

 

Exemple de formulaire avec bouton-submit et image-submit :

<FORM ACTION="URL_de_votre_cgi" METHOD="GET">
Votre email : <input type="text" name="email" value=""><br>
<input type="submit" name="Inscription"> 
<input type="submit" name="Désinscription"> <br> 
Pour avoir des infos cliquez ici :
<input type="image" src="http://www.site.com/uneimage.gif" 
name="infos" border="0">
</FORM>