Les formulaires, voici enfin un moyen pour vous de mieux connaître vos visiteurs, ou bien de leur permettre d'entrer en contact avec vous par mail.

Un formulaire est composé de plusieurs éléments, il faut avant de placer ces différents éléments définir que ceux-ci se trouvent dans un formulaire et le traitement que vont subir les données renvoyées. Pour ce faire, nous allons taper le code suivant:
<FORM METHOD="" ACTION="">
Pour la METHOD on a le choix entre POST, envoi, et GET, aller, dans le deuxième cas les informations du formulaire sont ajoutées à l'url de la page de traitement dans le premier elles sont englobées aux informations informatiques donc invisibles, c'est à peu près cela mais si quelqu'un arrive à mieux le définir il me l'envoie et je le mets.
En clair:
GET: .com/toto.html?nom=toto&prenom=sucellus
POST: .com/toto.html
L'attribut ACTION permet de donner l'url de la page qui va faire le traitement du formulaire ou bien encore du Javascript qui va le faire, pour un envoi par email:
ACTION="mailto:sucellus@sucellus.net"
Vous pouvez aussi définir le type MIME des données grâce à ENCTYPE=""
Et comme la balise FORM fonctionne sur le principe d'un lien, vous pouvez préciser dans quel navigateur la réponse va s'afficher (TARGET="_blank" ou les autres choix déjà vus), de plus vous pouvez définir le nom de votre formulaire grâce à l'attribut NAME="", il est d'ailleurs conseillé de mettre un numéro plutôt qu'un nom.

Ensuite vous insérez les différents éléments de votre formulaire, donc on met <INPUT... avec comme attributs au choix:

TYPE="text"
Pour un champ alphanumérique
avec comme attributs complémentaires:
size="n" avec n le nombre de caractères visibles.
maxlength="n" avec n le nombre de caractères maximum.

TYPE="Radio"
Pour un bouton radio
On indique par checked le choix par défaut

TYPE="Checkbox"
Pour une case à cocher
On indique par checked le choix par défaut

TYPE="Password"
Pour un champ alphanumérique dont la saisie n'apparaît pas à l'écran
On peut définir :
size="n" et maxlength="n" avec n qui représente respectivement le nombre de caractères affiché et le nombre de caractères saisie maximale.

TYPE="submit"
Cré un bouton qui va envoyer le formulaire

TYPE="reset"
Crée un bouton qui va remettre le formulaire dans son état d'origine

TYPE="file"
Permet d'indiquer le chemin d'accès d'un fichier à envoyer, attention cette option n'est pas disponible chez tous les hébergeurs.
On peut preciser le nombre de caractères visibles grâce à size="n".

TYPE="hidden"
Pour faire un champ caché

TYPE="image"
Pour transformer une image en bouton.
On peut paramétrer l'adresse de l'image (SRC="url") son alignement (ALIGN="") sa taille (WIDTH et HEIGHT="n") si il y a une bordure (BODER="n" n en pixels).

TYPE="button"
Pour créer un bouton

TEXTAREA
Pour créer un champ texte multiligne.
cols="n", n exprime le nombre de caractères visibles en largeur
rows="n", n exprime le nombre de lignes du champ de saisie

Bien alors maintenant que vous avez défini le type de champ de votre formulaire, passons à la suite.
Name="toto"
Grâce à cet attribut vous allez pouvoir nommer chacun de vos champ, dans le cas d'un envoi de formulaire par email c'est ce nom qui va apparaitre devant la saisie de l'utilisateur. Si vous mettez le même nom à plusieurs champ il n'y en a qu'un seul de pris en compte, genre pour le sexe, on est soit un homme soit une femme pas les 2. W3C conseille plutôt de mettre un nom unique.

VALUE="n"
Ici vous indiquez la valeur que va avoir votre champ lors du chargement du formulaire.

SELECT est un autre type de champ de saisie dans un formulaire. Il a comme attributs:
name="toto"
size="n" => nombre de choix possibles affichés au démarrage.
multiple => si l'utilisateur peut choisir plusieurs solutions.
Chaque choix est défini grâce au tag:
<OPTION value="toto" selected>
L'attribut value définit la valeur qui sera transmise par le formulaire.
selected permet d'indiquer que ce choix est sélectionné par défaut lors de l'arrivée de l'internaute sur la page.