Qu'est qu'un formulaire?
Le formulaire HTML va vous permettre de récupérer des informations que va saisir l'internaute sur votre site.
L'internaute va saisir ses informations soit en remplissant des champs texte (input), soit sélectionnant un élément dans une liste déroulante (select) ou en sélectionnant une case à cocher (radio, checkbox).
Une fois les informations saisies, l'internaute va valider en cliquant sur un bouton de soumission (submit).
Alors les informations seront transmises soit à une adresse e-mail (mailto) soit à un cgi (Common Gateway Interface), soit à une page dynamique de type php, asp, jsp...
Info
Il existe deux types de champs de texte :
- le champ simple d'une ligne,
- le champ multi-lignes.
Simple
Le champ simple : Exemple de code :
<INPUT type="text" name="nom" value="" size="5"> Type définit la forme de la balise
<INPUT>, donc pour une zone de texte simple c'est "
text".
Name donne un nom au champ texte. Très important car à ce nom est associé la valeur.
Value définit le texte mis au départ dans le champ, si le champ est vide alors
value="". sachez que si vous rentrez une valeur par défaut, l'internaute sera obligé de sélectionner le texte de votre champ texte puis de l'effacer pour pouvoir écrire un nouveau texte (sauf si vous utilisez le javascript).
Size correspond à la longueur du champ, ce n'est pas des pixels, je dirais que cela correspond à l'encombrement total horizontal de la lettre la plus large (w).
Le résultat de l'envoi : Le champ de texte apparaît sous la forme :
name = valueExemple de code :
nom = texte tapé par l'internaute Multi-lignes
Le champ multi-lignes :Exemple de code :
<TEXTAREA name="nom" cols="30" rows="5">Texte défaut</TEXTAREA> COLS correspond à la longueur du champ, ce n'est pas des pixels, je dirais que cela correspond à l'encombrement total horizontal de la lettre la plus large (w).
ROWS correspond à la hauteur du champ c'est à dire le nombre de ligne.
Le résultat de l'envoi : Le champ de texte apparaît sous la forme :
name = valueExemple de code :
nom = texte tapé par l'internaute