permettant la saisie de texte standard et qui met à notre disposition 4 attributs :
- MAXLENGH spécifiant le nombre de caractères maximum composables dans ce champ
- NAME pour définir le nom de la variable associé à ce champ
- SIZE définissant la largeur de la fenêtre de saisie (en caractères)
- VALUE pour définir une valeur initiale pour ce champ.
La figure ci-dessous illustre la création d'un champ de type TEXT dans un formulaire.
On peut appeler essai31.htm
et consulter/manipuler le source correspondant.
destiné à la saisie des mots de passe, identique à TEXT sauf que les caractères tapés dans la zone apparaîtront sous forme d'astérisques. La syntaxe est de type :
<FORM>
<INPUT TYPE="PASSWORD" NAME="Code" SIZE="6" MAXLENGTH="6">
</FORM>
On peut appeler essai32.htm et consulter/manipuler le source correspondant.
permettant de définir un champ d'entrée de type "case à cocher" pouvant prendre 2 valeurs : cochée ou non. 4 attributs disponibles:
- CHECKED permet de cocher automatiquement la case lors de l'affichage.
- DISABLE permet de désactiver une case
- NAME permet d'associer un nom de variable à la case
- VALUE pour définir la valeur de la case lorsqu'elle est cochée
L'exemple ci-dessous illustre la création
d'un champ de type CHECKBOX dans un formulaire
<HTML>
<HEAD>
<TITLE>Les Formulaires</TITLE>
</HEAD>
<BODY>
<H3>Pointez les villes déjà visitées</H3>
<FORM>
<INPUT TYPE="CHECKBOX" NAME="Londres">Londres
<INPUT TYPE="CHECKBOX" NAME="Paris">Paris
<INPUT TYPE="CHECKBOX" NAME="Bruxelles">Bruxelles
</FORM>
</BODY>
</HTML>
On peut appeler essai33.htm
et consulter/manipuler le source correspondant.
permettant de définir un champ d'entrée de type "bouton radio" tout à fait similaire à l'option CHECKBOX sauf que PLUSIEURS cases peuvent être cochées 4 attributs disponibles:
- CHECKED permet de cocher automatiquement le bouton lors de l'affichage.
- DISABLE permet de désactiver un bouton
- NAME permet d'associer un nom de variable au bouton
- VALUE pour définir la valeur au bouton lorsqu'il est coché
On peut appeler essai34.htm
qui illustre également le l'option IMAGE.
permet de créer un champ de saisie dont le résultat n'est pas visible pour l'utilisateur. Il est surtout utilisé pour envoyer des données particulières à un script. C'est une des astuces permettant de simuler une "permanence" de la session.
2 attributs disponibles:
- NAME permet d'associer un nom de variable au champ de saisie
- VALUE pour définir une valeur initiale au champ de saisie.
La syntaxe est la suivante :
<FORM>
<INPUT TYPE="HIDDEN" NAME="Trans1"
VALUE="Ecran2">
</FORM>
permet de définir un champ utilisé pour soumettre le formulaire. Lorsque l'utilisateur clique sur l'image les données sont envoyées au script pour traitement.
3 attributs sont disponibles:
- ALIGN permet dde positionner l'image par rapport au texte de la même ligne en indiquant TOP/MIDDLE/BOTTOM
- NAME permet d'associer un nom de variable au champ de TYPE IMAGE
- VALUE qui permet de définir le nom de l'image et le chemin d'accès.
L'exemple ci-dessous illustre la création
d'un champ de type IMAGE dans un formulaire
<HTML>
<HEAD>
<TITLE>Les Formulaires</TITLE>
</HEAD>
<BODY>
<H3>Pointez la saison</H3>
<FORM>
<INPUT TYPE="RADIO" NAME="saison">Eté
<INPUT TYPE="RADIO" NAME="saison">Automne
<INPUT TYPE="RADIO" NAME="saison">Hiver
<INPUT TYPE="RADIO" NAME="saison">Printemps
<BR;
<INPUT TYPE="IMAGE" NAME="choix" VALUE="../trombi/wrhammer.gif"
ALIGN="middle">
</FORM>
</BODY>
</HTML>
On peut appeler
essai34.htm
qui illustre également le l'option RADIO.
sont utilisés pour définir des boutons permettant :
- d'ANNULER (Reset) toutes les données du
formulaire et de le réinitialiser, et d'autre part de regrouper les
données et de les envoyer à l'adresse spécifiée.
1 seul attribut:- VALUE qui personnalise dle texte à afficher sur le bouton. Les valeurs par défaut sont respectivement RESET et SUBMIT
- .
- NAME permet d'associer un nom de variable au champ de TYPE IMAGE
- VALUE qui permet de définir le nom de l'image et le chemin d'accès.
L'exemple ci-dessous illustre la création d'un champ de type RESET et SUBMITdans un formulaire
<HTML>
<HEAD>
<TITLE>Les Formulaires</TITLE>
</HEAD>
<BODY>
<H3>Pointez la saison</H3>
<FORM>
<INPUT TYPE="RADIO" NAME="saison">Eté
<INPUT TYPE="RADIO" NAME="saison">Automne
<INPUT TYPE="RADIO" NAME="saison">Hiver
<INPUT TYPE="RADIO" NAME="saison">Printemps
<BR;
<INPUT TYPE="RESET" VALUE="EFFACER">
<INPUT TYPE="SUBMIT" VALUE="SOUMETTRE">
</FORM>
</BODY>
</HTML>
On peut appeler essai35.htm.
Voilà c'est fini pour ce chapitre sur les champs de saisie des formulaires.
Revenir au
début de l'article <INPUT>
Passer à la création de MENUS
de SELECTION <SELECT>
Revenir au Sommaire
des "FORMS"
Revenir au Sommaire
GENERAL
Conclusion
du troisième module.