Introduction
On va se proposer de créer un formulaire avec les champs
suivants:
- Nom -----------------------> name="nom"
- Tranche d'age ----------> name="age"
- Email ----------------------> name="email"
- Adresse web ------------> name="url"
- Texte du message ----> name="texte"
On pourra compléter
ceci avec deux champs, date et heure, invisibles au visiteur qui
n'aura pas besoin de les remplir puisqu'on peut se servir des variables
DHTML,
, proposées par ifrance et qui sont ici les bienvenues.
Vous pourrez après modifier ou ajouter d'autres champs, l'objectif
ici est de faire un didacticiel lèger et montrer les étapes
de la conception, et à propos des étapes, il y'en
a trois importantes:
1- Création
du formulaire ainsi que deux fichiers de réponse pour l'utilisateur:
- merci.html
en cas de succès d'enregistrement des données dans
la base.
- desole.html
dans le cas contraire.
2- Création
de la base qui va accueillir les données entrées par
le visiteur.
3- Enfin, création
de la requète qui va veiller à ce que l'opération
se déroule comme voulu.
Vous avez ci-contre
un aperçu du formulaire final ainsi que les champs qui composent
celui-ci.
Faite bien attention aux noms "name"
qui sont donnés aux champs, le bon fonctionnement de votre
requète, donc de l'ensemble, en dépend.
Voici quelques règles de bonne conduite:
1- Ayez l'habitude
d'écrire les noms en miniscules, les serveurs tournent en
général sous les systèmes UNIX comme "linux"
et font la différence de case, ex: URL, Url et url sont différents.
|
Exemple
de présentation de notre formulaire. |
|
Les champs
du formulaires se présetent ainsi:
-
Date:
<input
type="hidden" name="date" value="
">
- Heure:
<input type="hidden" name="heure" value="
">
- Nom:
<input type="text" name="nom" size="25"
maxlength="30">
- Tranche d'age:
<select name="age">
<option value="choix" selected>Votre choix</option>
<option value="moins20">Moins de 20 ans</option>
<option value="2030">20 - 30 ans</option>
<option value="3040">30 - 40 ans</option>
<option value="4050">40 - 50 ans</option>
<option value="plus50">Plus de 50 ans</option>
</select>
- e-mail:
<input type="text" name="email" size="25"
maxlength="30">
- Adresse web:
<input type="text" name="url" size="25"
maxlength="30" value="http://">
- Zone texte:
<textarea name="texte" cols="25" rows="6"
wrap="virtual">
- Enfin le bouton:
<input type="submit" name="bouton"
value="Envoyer">
|
|