formulaire

Les formulaires sont le seul, hormis le lien hypertexte (mais la finalité est similaire), moyen d'intercation utilisateur (côté internautes) offert par HTML. Les formulaires permettent de délimiter des zones de saisies ou de choix. Ils sont toujours accompagnés d'un bouton de soumission, qui envoie dans une requête http les différentes valeurs saisies par l'internaute, à une autre page qui va les traiter (sauvegarde ou recherche dans une base données, affichage), ou à une adresse email. Une telle page de traitement ne peut pas être écrite en HTML, puisque HTML ne permet pas de faire d'"actions". PHP sait dialoguer avec une base de données par exemple.
un formulaire est annoncé par la balise <form> et à pour attribut :
  • method qui spécifie la méthode HTTP utiliée pour le passage des variables du formulaire
    • GET : passage des variables par la barre d'url - affiché dans la barre d'url du navigateur
    • POST : passage des variables par la barre d'url - invisible pour l'utilisateur
  • action qui spécifie:
    •  le chemin de la page (comme dans l'attribut href de a) à laquelle vont être transmis les variables du formulaire
    • une adresse email (mailto: de la même manière que pour un lien hypertexte) à laquelle envoyer le formulaire rempli
à l'intérieur de la balise forme on trouve une balise par variable. selon l'information que l'on souhaite pouvoir faire saisir à l'utilisateur on utilisera différents types de balises, toutes ces balises possèderont un attribut name qui spécifie le nom de la variable, et un attribut value qui spécifie la valeur par défaut de cette variable.

<input type="text" name="variable" value="valeur" />
<input type="hidden" name="variable" value="valeur" />
<input type="checkbox" name="variable" value="valeur" />
<input type="radio" name="variable" value="valeur" />
<input type="submit" name="variable" value="valeur" />
<input type="cancel" name="variable" value="valeur" />
<select name="variable">
    <option value="valeur1">text affiché 1</option>
    <option value="valeurn">text affiché n</option>
</select>
<textarea name="variable">valeur</textarea>