14. Formulaires

Les formulaires permettent de traiter de l'information au serveur. Cependant, une des fonctions des formulaires est le courrier électronique. Au fait, ils présentent à l'utilisateur des zones de texte, des choix multiples par le biais de boutons cliquables, de listes, etc.
La commande principale pour créer un formulaire dans un document HTML est la balise <FORM> </FORM>. Ainsi, pour le courrier électronique, voici la commande généralement utilisée:

<FORM METHOD=POST ACTION=MAILTO: VotreEmail>
Ici, il y aura des zones de texte à remplir, où faire des choix, etc. Les commandes de base qui suivent doivent être mises dans cette zone.
</FORM>

La méthode utilisée pour envoyer ce formulaire est: POST
L'action de ce formulaire est MAILTO

Voyons les commandes de base:

a. La commande INPUT TYPE="TEXT"

Votre nom et prénom <INPUT TYPE="TEXT" NAME="NOM" SIZE=50>

Résultat:

Votre nom et prénom

b. La commande INPUT TYPE="CHECKBOX"

<h3> Quelle est votre langue maternelle?</h3>
Français <INPUT TYPE="CHECKBOX" NAME="CHOIX1">
Anglais <INPUT TYPE="CHECKBOX" NAME="CHOIX2">
Autre <INPUT TYPE="CHECKBOX" NAME="CHOIX3">

Résultat:

Quelle est votre langue maternelle?

Français    
Anglais
Autre
Cette commande est utile lorsque il y a plusieurs choix à cocher.

c. La commande INPUT TYPE="RADIO"

<h3> Femme ou homme?</h3>
Femme <INPUT TYPE="RADIO" NAME="SEXE" VALUE="FEMME">
Homme <INPUT TYPE="RADIO" NAME="SEXE" VALUE="HOMME">

Résultat:

Femme ou homme?


Femme 
Homme
Cette commande est utile lorsqu' un seul choix est à cocher.

d. La commande SELECT

Premier exemple

<h3> De quel continent êtes-vous?</h3>
<SELECT NAME="CONTINENT" SIZE=3><OPTION SELECTED>Afrique<OPTION >Amérique<OPTION>Asie<OPTION >Europe<OPTION>Océanie</SELECT>

Résultat:

De quel continent êtes-vous?


Deuxième exemple

<h3> De quel continent êtes-vous?</h3>
<SELECT NAME="CONTINENT1" SIZE=5><OPTION SELECTED>Afrique<OPTION >Amérique<OPTION>Asie<OPTION >Europe<OPTION>Océanie</SELECT>

Résultat:

De quel continent êtes-vous?


Dans cet exemple, vous remarquez que le size a changé.

Troisième exemple

<h3> De quel continent êtes-vous?</h3>
<SELECT NAME="CONTINENT2">
<OPTION
>Afrique
<OPTION >Amérique
<OPTION>Asie
<OPTION >Europe
<OPTION>Océanie</SELECT>

Résultat:

De quel continent êtes-vous?

e. La commande TEXTAREA

<H3>Donnez vos impressions</H3>
<center>
<TEXTAREA NAME="Impressions" ROWS=5 COLS=50> </TEXTAREA>
</center>

Résultat:

Donnez vos impressions

ROWS permet de déterminer le nombre de lignes et COLS permet de déterminer le nombre de colonnes.

f. La commande SUBMIT

C'est une commande qui sert à envoyer un formulaire.

<INPUT TYPE="SUBMIT" VALUE="envoyer" SIZE=40>

Résultat:

g. La commande RESET

C'est une commande qui sert à effacer ce que vous avez rempli dans un formulaire.

<INPUT TYPE="RESET" VALUE="effacer" SIZE=30>

Résultat:



Voici un exemple complet d'un formulaire.