Cours 10

Dialogue avec l'utilisateur : les formulaires

Fonctionnement

Définition du formulaire

Commencez par ouvrir le formulaire avec la balise <FORM>. Le formulaire sera fermé par la balise </FORM>. Vous devez rajouter quelques attributs dans la balise <FORM>.


Champ d'édition à ligne unique

Il sert à saisir des chiffres, une courte phrase ou une adresse e-mail.
Il est défini par la balise <INPUT> à laquelle on se doit d'ajouter quelques attributs:


Zone de texte multiligne

Pour les bavards, HTML met à votre disposition une zone de texte pour que l'utilisateur puisse faire part de ses remarques où laisse une dédicace.
Elle est définie par la balise <TEXTAREA> a laquelle viendront s'ajouter quelques attributs:


Liste

La liste est définie par les balises <SELECT> et </SELECT>
On ajoute bien entendu quelques attributs à la première balise:

A l'intérieur des deux balises, il faut définir chaque proposition. Ceci est fait grâce aux balises <OPTION> et </OPTION>.
Ces balises sont utilisées comme cela :

<OPTION SELECTED VALUE="1">Proposition 1</OPTION>
SELECTED est facultatif et définit cet élément comme séléctionné par défaut.
VALUE="1" sert pour un futur traitement Javascript.


Boutons radios

Un bouton radio est définit par la balise <INPUT TYPE="RADIO">.
Les boutons appartenants à la même option sont définis par la même valeur de l'attribut NAME="__".
On ajoute une valeur à chaque option de la liste avec l'attribut VALUE="_".
L'attribut CHECKED sert à définir l'élément comme celui coché par défaut.


Cases à cocher

Le principe est le même que pour les boutons radios sauf qu'on peut cocher plusieurs cases.
Elles sont définies par la balise <INPUT TYPE="CHECKBOX">.
Les boutons appartenants à la même option sont définis par la même valeur de l'attribut NAME="__".
On ajoute une valeur à chaque option de la liste avec l'attribut VALUE="_".
L'attribut CHECKED permet de définir si un élément est coché par défaut.


Boutons

Le bouton pour envoyer des données est défini par la balise
<INPUT TYPE="SUBMIT" NAME="nom" VALUE="Etiquette">

La plupart des formulaires ont un bouton RESET. Il est défini par:
<INPUT TYPE="RESET" NAME="nom" VALUE="Etiquette">