Dans cette fiche...

Début de page Les formulaires : principe

Avant de comprendre les formulaires construits par ASP, il est nécessaire de maîtriser les formulaires HTML.
En général, le traitement d'un formulaire se fait en 2 temps : une page HTML (ou autre) qui affiche le formulaire à remplir (ce que voit le visiteur), puis une deuxième page pour le traitement des données renseignées par le visiteur.

 

Début de page Un formulaire simple

Voici un exemple de formulaire HTML simple; la page peut s'appeler par exemple visiteur.html : 

<HTML>
<BODY>
<FORM METHOD="post" ACTION="traitement.asp">
Votre nom : <INPUT TYPE="text" SIZE="30" NAME="nom"><BR>
Votre prénom : <INPUT TYPE="text" SIZE="20" NAME="prenom"><BR>
<INPUT TYPE="submit" VALUE="Envoyer" NAME="valider">
</FORM>
</BODY>
</HTML>

Et le résultat à l'écran (la mise en forme sera pour plus tard !) :
(Notez que sur cet exemple, la partie ACTION est vide, donc vous obtiendrez une erreur si vous cliquez sur le bouton Envoyer)

Votre nom :
Votre prénom :

 

 

Début de page Explications

<FORM> et </FORM>
Ces 2 balises (tags) HTML délimitent le formulaire.
Dans la balise <FORM>, 2 options importantes sont ajoutées :
  • La méthode de transmission des données (vers la page de traitement final). Il peut s'agir de POST (souvent utilisée pour un formulaire) ou éventuellement de GET. Les différences seront abordées plus loin.
  • Le nom de la page de traitement (la fameuse 2ème page évoquée plus haut). En résumé : lorsque le visiteur cliquera sur le bouton "Envoyer", les données qu'il aura saisies seront transmises à une page nommée "traitement.asp".
  
<INPUT TYPE="text" SIZE="30" NAME="nom">
Cette balise HTML crée une zone de saisie de 30 caractères qui sera associée au nom.
La zone de saisie s'appellera elle-même "nom" (je sais, l'exemple n'est pas génial !), et c'est cette valeur qui sera passée à la page traitement.asp.
  
<INPUT TYPE="text" SIZE="20" NAME="prenom">
Comme au-dessus, cette fois pour le prénom.
  
<BR>
Si vous êtes habitué à HTML, cette balise sert simplement à provoquer un retour à la ligne entre les différentes zones de saisie. Au niveau présentation, vous pouvez faire mieux en utilisant un tableau (balise <TABLE>).
  
<INPUT TYPE="submit" VALUE="Envoyer" NAME="valider">
Cette balise crée le bouton Envoyer (champ de formulaire de type "submit"). C'est un appui sur ce bouton qui provoquera le transfert des données vers la page traitement.asp.


Note
Aucun contrôle de validité n'est effectué sur les 2 zones de saisies. C'est la 2ème page (traitement.asp), ou éventuellement un bout de code JavaScript qui doivent s'en charger.

 

Cliquez ici pour voir comment les données vont être
traitées par la page traitement.asp.

 

Cette section vous intéresse ? Abonnez-vous ! Hit-Parade