ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | FIN DE PAGE | INDEX

<FORM> ... </FORM>

Utilisation	Crée un formulaire contenant des contrôles destinés à permettre des entrées utilisateur.
Balises de début/de fin	Nécessaire/nécessaire
Attributs	%coreattrs, %i18n, %events action="..." : l'URL du script pour l'action du serveur. method="..." : la méthodre HTTP (get, post). get est deprecated. enctype="..." : spécifie le type MIME (type de média Internet). onsubmit="..." : événement intrinsèque qui est déclenché lorsque le formulaire est envoyé. onreset="..." : événement intrinsèque qui est déclenché lorsque le formulaire est réinitialisé. target="..." : détermine l'emplacement d'affichage de la ressorce (nom défini par l'utilisateur, _blank, _parent, _self, _top) accept-charset="..." : liste des encodages de caractères.
Vide	Non

Remarques :

Les formulaires Web permettent de recevoir des informations de la part des lecteurs. ( Un bon de commande est un exemple courant d'utilisation de formulaires en ligne.)
En HTML, un formulaire permet la saisie d'informations. Une fois renseigné, le formulaire est envoyé à un programme de traitement, exécuté coté serveur.
L'élément FORM décrit et configure un formulaire à l'intérieur d'un document HTML. Un tel document peut contenir plusieurs formulaires placés à la suite les uns des autres. Ceux-ci, cependant, ne peuvent être imbriqués.
Un formulaire utilise trois éléments de structuration principaux: INPUT, SELECT, et TEXTAREA.
Pour recueillir les informations d'un formulaire, vous pouvez utiliser plusieurs protocoles : http, mailto...

Avec le protocole mailto ( comme dans le premier exemple ci-dessous) la soumission du formulaire
aura pour effet d'ouvrir votre logiciel de messagerie (Outlook Express, par exemple).

Si vous utilisez le protocole http avec l'URL d'un serveur, il faut un script (CGI par exemple )
présent sur le serveur mentionné par l'URL qui se chargera de recueillir et analyser les données du formulaire et éventuellement d'envoyer une réponse automatique.

Vous pouvez voir une exemple de ce type de gestion de formulaire, en cliquant sur le premier bouton, en bas de page.

Exemple d'utilisation (avec protocol mailto):

<FONT size=2><BR><CENTER> 
Veuillez saisir vos coordonnées dans le formulaire ci-dessous 
</CENTER>
<FORM method=post action="mailto:queber62@wanadoo.fr" ENCTYPE="text/plain" >
<INPUT Name= "genre" Type="RADIO" Value="M">M.
<INPUT Name= "genre" Type="RADIO" Value="MME">Mme
<INPUT Name= "genre" Type="RADIO" Value="MLLE">Mlle
<BR><BR>
Nom :<INPUT Name="nom">
Prénom :<INPUT Name="prénom">
Société :<INPUT Name="société" size="20"><BR> <BR>
N° et rue :<INPUT Name="adresse" Size="80"> <BR> <BR>
Code Postal :<INPUT Name="cp" Size="5" >
Ville :<INPUT Name="ville" Size="50" > &nbsp;&nbsp;
<SELECT Name="Pays">
<OPTION> Angleterre
<OPTION>Allemagne
<OPTION> Australie
<OPTION SELECTED>France
<OPTION> Italie
<OPTION>Japon
<OPTION> USA
<OPTION> Autre
</SELECT> <BR> <BR>
Votre Message <TEXTAREA rows="4" name="message" cols="34"></TEXTAREA><BR><BR>
Adresse E-Mail <INPUT type="text" Name="email" size="35"> &nbsp;&nbsp;
<INPUT  Value="Valider" Type="SUBMIT" >
<INPUT  Value="Effacer" Type="RESET" >
</FORM>
</FONT>

Ce code sera rendu ainsi :

Veuillez saisir vos coordonnées dans le formulaire ci-dessous

Document additionnel ( Face cachée d'HTML - Eyrolles ) :

	FORM (FORMULAIRES)		HTML
Définition	Marque le début et la fin d'un formulaire		2.0	3.2
Syntaxe	<FORM> description du formulaire </FORM>
Attributs HTML
	Action	Définit le type d'action à déclencher
	Method	Définit la méthode de transfert des données
	Enctype	Définit le format de codage des données si le protocole du serveur n'a pas imposé le sien
Attributs spécifiques
	Target	Définit une fenêtre vers laquelle sont dirigés les résultats en provenance du serveur
	Accept	Définit une liste de types MIME acceptés par le serveur traitant le formulaire.
	Accept Charset	Définit une liste de jeux de caractères acceptés par le serveur.
Eléments HTML
	INPUT	Elément gouvernant tous les types d'entrées dans les champs
	SELECT	Elément introduisant des choix dans une liste
	TEXTAREA	Elément définissant des zones multilignes d'entrée de données.
Eléments HTML spécifiques
	FIELDSET	Elément gouvernant un ensemble de champs
	LEGEND	Elément permettant d'attribuer une légende à un groupe de champs
	LABEL	Elément permettant d'attribuer une étiquette à un élément de contrôle de formulaire

Autres exemples :

Cliquer sur les cases correspondantes

ACCUEIL | PAGE PRECEDENTE | PAGE SUIVANTE | DEBUT DE PAGE | INDEX