Comment réaliser un formulaire HTML ?

Le code HTML possède des fonctions spéciales qui vous permettent de créer des champs dans lesquels l'utilisateur pourra entrer les données destinées à être transmises aà la base de donne, ainsi que des boutons permettant de déclencher l'exécution du programm e (si les conditions exposées précédemment sont vérifiées).

La déclaration d'un formulaire

La définission des différents éléments du formulaire se fait en utilisant l'élément <FORM>. L'action a réaliser pour traiter le formulaire doit être précisée en utilisant les deux attributs suivants :

• L'attribut ACTION
  Il indique l'action à exécuter lorsque lors de l'envoi des données. Ce sera souvent un logiciel du serveur activé en utilisant la passerelle CGI. On peu aussi utiliser un script JAVAscript.
• L'attribut METHOD
  Il permet de définir la méthode de transfert des données vers le serveur. Les deux valeurs possibles sont GET et POST.

La syntaxe habituelle est donc :
<FORM action="register.php" method=POST>
.......
<INPUT type="submit" value="Enregister">
</FORM>

Les éléments de formulaires

Les éléments de formulaires sont répartis en 3 classes :

• Input
  Champs de saisie de texte et diféérents types de boutons
• Select
  Listes (menus déroulants et ascenseurs)
• Textarea
  Zone de saisie de texte libre

Chaque élément doit être nommé, pour cela on utilise l'attribut NAME. Le nom ainsi défini permet d'identifier les données lors de leur envoi. Il doit être unique, sauf dans le cas d'un ensemble composé de plusieurs éléments (boutons radio par exemple). Un autre attribut VALUE est commun à ces balises, mais son rôle est différent selon le type d'élément utilisé.

type	syntaxe	exemple
sans	<input name="ident">
	<input name="ident" value="Par défaut">
submit	<input type="submit" value="Envoi">
checkbox	<input type="checkbox" name="pfm" value="linux" checked> Linux<BR> <input type="checkbox" name="pfm" value="dos"> Dos<BR> <input type="checkbox" name="pfm" value="win"> Windows	Linux Dos Windows
radio	<input type="radio" name="media" value="cd" checked> CD-ROM<BR> <input type="radio" name="media" value="dk"> Disquette	CD-ROM Disquette
password	<input type="password" name="pass"
reset			<input type="reset" value="Efface">