Formation

1 · Le réseau Internet
2 · L'hébergement web
3 · Le XHTML
4 · Formulaires HTML
5 · Un éditeur HTML

4 · Les formulaires HTML

   Ici, vous allez apprendre à interroger vos visiteurs à l'aide d'un formulaire HTML. Les données récupérées par les formulaires sont généralement dirigées vers un script PHP afin d'être traitées. Étant donné qu'il est essentiel de maîtriser le XHTML avant d'aller plus loin, les données seront donc envoyées à votre adresse courriel...

Cliquez ici pour télécharger un exemple de formulaire.

   La balise d'ouverture se présente ainsi:

<form action="mailto:votre@courriel.com" method="post" enctype="text/plain">

   Il est possible de modifier les informations contenues entre les guillemets pour chaque attribut de la balise. Vous aurez éventuellement un tableau récapitulatif des balises les plus utilisées et de leurs attributs.

   La balise de fermeture d'un formulaire:

</form>

   Entre ces deux balises, on retrouve la balise <input /> répétée autant de fois que vous avez de questions à poser à vos visiteurs. Par exemple:

<input type="radio" name="civilite" value="mlle" /> Mlle
<input type="radio" name="civilite" value="mme" /> Mme
<input type="radio" name="civilite" value="m" /> M.

   Affiche:

Mlle Mme M.

   L'information envoyée à votre adresse courriel lors de la soumission du formulaire:

civilite=mlle (dans le cas ou votre visiteur aurait sélectionné Mlle)

<label for="prenom">Prénom : </label>
<input type="text" name="prenom" id="prenom" size="30" />

   Affiche:

Prénom :

   L'information envoyée à votre adresse courriel lors de la soumission du formulaire:

prenom=ce que l'internaute a saisi.

   Évidemment, vous devez ajouter la balise <br/> si vous voulez sauter une ligne entre deux questions.

   Pour inviter votre visiteur à vous écrire un commentaire:

<textarea name="question" rows="5" cols="50">Vous pouvez pré emplir la zone!</textarea>

   Affiche:

   Pour insérer une case à cocher:

<input type="checkbox" name="newsletter" value="oui" checked /> Je veux être informé des nouveautés par courriel.

   Affiche:

Je veux être informé des nouveautés par courriel.

   L'information envoyée à votre adresse courriel lors de la soumission du formulaire:

newsletter=oui

   Finalement, les boutons:

<input type="submit" value="Soumettre" />
<input type="reset" value="Réinitialiser" />

   Affiche:

   Vous pouvez inclure des champs cachés qui, par exemple, pourraient servir à identifier le site web qui vous a envoyé le visiteur...

<input type="hidden" name="ce que vous voulez" id="ce que vous voulez" value="Informations supplémentaires cachées" />

Cette balise n'affiche rien du tout!

< Page précédente - 4 - Page suivante >