|
|
Initiation au HTML
  
12. Les Formulaires
Le formulaire est un document utilisé pour transmettre des informations à un programme ou un utilisateur.
Un formulaire commence et finit par : <FORM ACTION= METHOD= ENCTYPE= > </FORM>
ACTION="URL" : Programme à exécuter avec les données ou E-mail
METHOD=POST
ENCTYPE= Type de Cryptage
12.1 Les champs :
<INPUT> :
- Les boutons :
<INPUT TYPE NAME VALUE CHECKED> </INPUT>
TYPE =
RADIO : Boutons multiples
CHECKBOX : Cases à cocher
SUBMIT : Envoyer le formulaire
RESET : Effacer le formulaire
NAME = "un nom" : Nom identifiant le bouton
VALUE= "valeur" : Valeur donnée au bouton lorsqu'il est sélectionné
CHECKED : Bouton sélectionné par défaut
- Texte libre sur une ligne :
<INPUT TYPE NAME SIZE> </INPUT>
NAME = "un nom" : Nom identifiant le champ texte
TYPE = TEXT : Permet de faire saisir du texte
PASSWORD : Permet de saisir un texte mais les caractères sont représentes par des '*'
HIDDEN : Cache des données
- Les zones de textes libres (plusieurs lignes) :
<TEXTAREA NAME ROWS COLS> </TEXTAREA>
NAME = "un nom" : Nom identifiant le champ texte
ROWS = nombre de lignes visibles
COLS = nombre de colonnes visibles
- Les menus déroulant :
<SELECT NAME> </SELECT>
NAME = "un nom" : Nom identifiant le menu
<OPTION> : Représente chaque choix du menu
<OPTION SELECTED> : Signale le choix par défaut
12.2 Exemple de formulaire :
12.2.1 Le source :
<H3 ALIGN=CENTER> ENQUETE sur la SATISFACTION des UTILISATEURS</H3>
<FORM ACTION="mailto:bad@ftls.org" METHOD=POST>
<PRE>
<INPUT TYPE=RADIO NAME=SECTEUR1 VALUE="UNIV" CHECKED> Universitaire
<INPUT TYPE=RADIO NAME=SECTEUR1 VALUE="CNRS"> C.N.R.S.
<INPUT TYPE=RADIO NAME=SECTEUR1 VALUE="INSE"> I.N.S.E.R.M.
<INPUT TYPE=RADIO NAME=SECTEUR1 VALUE="PUBL"> Autre PUBLIC
<INPUT TYPE=RADIO NAME=SECTEUR1 VALUE="PRIV"> Privé
<P>
Vos Nom et prénom : <INPUT TYPE=TEXT NAME=NOM1 SIZE=30>
<P>
Votre adresse électronique : <INPUT TYPE=TEXT NAME=ADR1 SIZE=30>
<P>
Je suis belle/beau<INPUT TYPE=CHECKBOX NAME=BEAU VALUE="beau">,
jeune<INPUT TYPE=CHECKBOX NAME=JEUNE VALUE="jeune">,
riche<INPUT TYPE=CHECKBOX NAME=RICHE VALUE="riche">,
en bonne santé<INPUT TYPE=CHECKBOX NAME=SANTE VALUE="en bonne santé">
Votre opinion <SELECT NAME=OPINION1>
<OPTION>Très satisfait
<OPTION SELECTED>Satisfait
<OPTION>Indifférent
<OPTION>C'est nul !!
</SELECT>
<P>
Vos commentaires <TEXTAREA NAME=COM1 ROWS=3 COLS=40></TEXTAREA>
<P>
<INPUT TYPE=SUBMIT VALUE="Envoyer"> <INPUT TYPE=RESET VALUE="Annuler">
</PRE>
</FORM>
|
|
