Créer un formulaire

Les formulaires permettent d'avoir des questionnaires pour interroger un utilisateur et d'envoyer sa réponse à un script particulier pour traiter les informations fournies. Les questionnaires sont sous la forme de champs qui peuvent être remplis par le lecteur de la page HTML associée, de menu de sélection, de "check boxes". Un bouton permet d'envoyer l'information donnée en remplissant le formulaire à un script spécifié dans celui-ci.

Voici un petit exemple de formulaire qui lorsque vous cliquez sur le bouton "Envoyer" après avoir rempli les deux champs, affiche la valeur de ces champs.

Premier champs :

Second champs :

Pour soumettre votre requête, appuyer sur .

Pour bien visualiser le début et la fin d'un formulaire, il est vivement conseillé de la placer entre deux lignes horizontales (<HR>).

1. Syntaxe

Un formulaire doit être compris entre <FORM> et </FORM>. Dans la première ligne est indiquée l'action à executer lorsque le formulaire aura été rempli.

La syntaxe complète (certains éléments peuvent être omis) est la suivante : 

 	<FORM ACTION="URL" METHOD = POST>  	... 	(champs du formulaire)  	</FORM>
où METHOD peut être aussi égal à GET. Il est vivement recommendé d'utiliser la méthode POST plutôt que la méthode GET.

2. Attributs d'un formulaire

ACTION
répond à la question : où envoyer l'information collectée dans le formulaire ? Elle permet de spécifier l'URL du script CGI ou un programme à laquelle sera envoyée les données. Si l'action n'est pas indiquée, l'url prise en compte sera celle du document courant (ce qui est rarement ce que l'on souhaite).
METHOD
indique comment envoyer l'information collectée dans le formulaire au script spécifié par l'attribut ACTION. Les méthodes à utiliser pour soumettre la requête au script, sont de deux types :
  • GET (par défaut) - Les informations données par l'utilisateur au travers du formulaire sont ajoutées après l'url indiquée par l'attribut ACTION (url?champ=valeur - comme pour les requêtes avec ISINDEX).
  • POST (recommandé) - Les informations sont envoyées dans le corps du message.

3. Les champs

Tous les champs ont un attribut INPUT qui permet d'indiquer que leur valeur devra être envoyée lors de l'appel de l'action. Le deuxième attribut obligatoire est le nom du champs : NAME. Ainsi la syntaxe minimale pour un champs est : 
 	<INPUT NAME="champ1">
N.B. : La valeur du champs NAME ne doit pas contenir d'espace.

Un champs peut avoir un type particulier qui sera donné après l'attribut TYPE. Il existe plusieurs types de champs :

  • " TEXT " (par défaut) - texte
  • " PASSWORD " - texte ; les caractères tappés seront affichés avec des *.
  • " HIDDEN " - texte ; pour affecter une valeur à une variable sans l'afficher dans le formulaire.
  • " CHECKBOX " - un bouton dont la valeur est on ou off.
  • " RADIO " - idem sauf que si plusieurs champs ont le même nom un seul peut être activé (on).
  • " SUBMIT " - un bouton qui, en cliquant dessus, soumet la requête.
  • " RESET " - un bouton qui permet de remettre à zero les valeurs des champs.
Il est aussi possible de créer des menus de sélection et des fenêtres pour tapper un texte. N.B. : Les formulaires ne peuvent pas être imbriqués les uns dans les autres.