Les formulaires sont délimités par la balise <FORM> ... </FORM>, une balise qui permet de regrouper plusieurs éléments de formulaire (boutons,champs de saisie,...) et qui possède les attributs obligatoires suivants :

METHOD indique sous quelle forme seront envoyées les réponses
« POST » est la valeur qui correspond à un envoi de données stockées dans le corps de la requête, tandis que « GET » correspond à un envoi des données codées dans l'URL, et séparées de l'adresse du script par un point d'interrogation (pour plus de renseignement sur les méthodes POST et GET,
ACTION indique l'adresse d'envoi (script CGI ou adresse email (mailto:adresse.email@machine))

La balise FORM possède comme attribut facultatif ENCTYPE qui spécifie le codage des données dans l'URL, toutefois il n'est pas nécessaire de le préciser car la valeur attribuée par défaut (application/x-www-form-urlencoded) est la seule valeur valide. L'attribut facultatif ACCEPT permet de définir les types MIME des données pouvant être envoyées par le formulaire.

Voici la syntaxe de la balise FORM :

<FORM METHOD="POST" ou "GET" ACTION="url" ENCTYPE="x-www-form-urlencoded">
...
</FORM>

Voici quelques exemples de balises FORM :

<FORM METHOD=POST ACTION=mailto:sourcedessai@hotmail.fr> (cette adresse n'existe

 pas, ce n'est pas la peine d'envoyer un mail ...Lol..)

<FORM METHOD=GET ACTION="http://sourcedessai.canlblog.com/cgi-bin/script.cgi">

A l'intérieur de la balise FORM...

La balise FORM constitue en quelque sorte un conteneur permettant de regrouper des éléments qui vont permettre à l'utilisateur de choisir ou de saisir des données, ensemble de données qui seront envoyées à l'URL indiqué dans l'attribut ACTION de la balise FORM par la méthode indiquée par l'attribut METHOD.

Il est possible d'insérer n'importe quel élément HTML de base dans une balise FORM (textes,boutons,tableaux,liens,...) mais il est surtout intéressant d'insérer des éléments interactifs. Ces éléments interactifs sont :

La balise INPUT: un ensemble de boutons et de champs de saisie
La balise TEXTAREA: une zone de saisie
La balise SELECT: une liste à choix multiples

La balise Form

Partager cet article