Formulaires

COURS I : Création de documents
HTML

Le formulaire se décrit entre les balises :

<FORM METHOD="mode de transfert" ACTION="URL">
définition des champs
</FORM>

Atributs de la balise <FORM>

METHOD : définit le mode de transfert des données vers le script (GET / POST)
ACTION : définit l'URL d'un programme (script) chargé de traiter les données acquises depuis le formulaire

La définition de champs se fera à l'aide des balises :

<INPUT> : permet de définir des champs pour entrer un texte et des boutons permettant des choisir des options
<SELECT> : permet de générer des listes à choix simple ou à choix multiple.
<TEXTAREA> : permet de créer une fênetre avec ascenseurs horizontaux et verticaux dans laquelle on pourra saisir du texte.

L'attribut NAME ="Nom_du_Champ" permet d'affecter un identificateur à chaqun des éléments du formulaire afin qu'il soit reconnu par le script.
L'attribut VALUE =

Les valeurs de l'attribut TYPE= de la balise <INPUT>

TYPE="TEXT" : permet de saisir un texte.
<INPUT TYPE="TEXT" NAME="NomUtilisateur" SIZE="12" MAXLENGTH="20">

Entrez votre nom :
TYPE="PASSWORD" : permet de saisir un mot de passe de façon confidentielle.
<INPUT TYPE="PASSWORD" NAME="Mot_de_passe" SIZE="12" MAXLENGTH="12">

Entrez votre mot de passe :
TYPE="SUBMIT" : déclenche l'envoi du formulaire vers le script.
<INPUT TYPE="SUBMIT" NAME="SendButton" VALUE="Validez">
TYPE="RESET" : permet d'effacer les données déjà entrées
< INPUT TYPE="RESET" NAME="ToReset" VALUE="Recommencer">
TYPE="CHECKBOX" : permet de faire un bloc de boutons permettant un choix multiple d'options
<INPUT TYPE="CHECKBOX" NAME="micro" VALUE="pc">
<INPUT TYPE="CHECKBOX" NAME="micro" VALUE="mac">
<INPUT TYPE="CHECKBOX" NAME="micro" VALUE="unix">

Quel(s) micro-ordinateur(s) utilisez vous ?
PC : / Macintosh : / Station Unix :
TYPE="RADIO" : permet de faire un bloc de boutons permettant un choix exclusif parmi plusieurs options.
<INPUT TYPE="RADIO" NAME="media" VALUE="cd">
<INPUT TYPE="RADIO" NAME="media" VALUE="disquette">
<INPUT TYPE="RADIO" NAME="media" VALUE="bandemag">

Média de distribution : CD-ROM : - Disquette : - Bande magnétique :
TYPE="BUTTON" : permet de créer un bouton
<INPUT TYPE="BUTTON" NAME="UnBouton" VALUE="Click Me">
TYPE="HIDDEN" : sert pour passer des données acquises dans un formulaire à un autre formulaire et cela sans que rien n'apparaisse à l'écran

Les attributs de la balise <SELECT>

Les attributs de la balise <TEXTAREA>