Fiche 23 - HTML facile

Transcription

Fiche 23 - HTML facile
Attribut de texte formulaire
HTML 23
Les formulaires permettent à vos visiteurs de passer des informations en cliquant simplement
sur des cases ou en choisissant une réponse dans une liste déroulante.
<!DOCTYPE html PUBLIC "-//WC3//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<title>Exercice N°21 les formulaires </title>
</head>
<body bgcolor ="cyan" >
<form method="post" action="mon_fichier.php" >
<input type="hidden" name="subject" value="mon_fichier">
Quel est votre nom: <input name="nom" type="text" value="" size="25" > <br />
Quel est votre département: <input name="code" size="2" maxlength="3"><br />
Quelle est votre tranche d'âge :
<input name="age" type="radio" value="-18">-18 ans <br />
<input name="age" type="radio" value="+18">+18 ans<br />
<input type="submit" value="Envoyer"><br />
<input type="reset" value="Annuler"><br />
</form>
</body></html>
Explications et différentes options
Il existe plusieurs façons de démarrer un formulaire mais pour des raisons de sécurités
(spam et autres joyeusetés) il est préférable de passer par un fichier en langage "PHP"
(action="mon_fichier.php") qui permet en outre de s'affranchir du code imposé par
l'hébergeur. Nous ne verons ici que cette possibilité
Il semble indispensable de créer un fichier de confirmation d'envoi. Il n'est pas rare sur
certains site (même officiels) de se demander si le formulaire est "passé" ou "non"
d'où souvent le doublement (voir plus) du message. (de moins en moins)
<form method="post" action="mon_fichier.php" >
form est la déclaration du formulaire
method="post" la méthode d'envoi (il y en a une autre)
action="mon_fichier.php" l'appel du fichier en langage PHP
Page 1 / 2
Attribut de texte formulaire
HTML 23
<input type="hidden" name="subject" value="mon_fichier">
Cette ligne permet entre autre, l'affichage dans les fichiers de réception du nom du
formulaire utilisé ici "mon_fichier" (si vous en avez plusieurs c'est indispensable)
Quel est votre nom: question qui s'affiche à l'écran
<input name="nom" type="text" size="25" >
input name="nom"
type="text"
size="25"
maxlength="3"
type="radio"
Affiche le nom dans votre messagerie
La case est de type texte
Donne la largeur de la case
Nombre de lettres possibles dans la case
Affiche une puce circulaire une seule à cochée
Voir la suite des options sur le site d'aide html
Exemple de fichier php pour la commande action="mon_fichier.php" >
<?php
$TO ="[email protected]";
$h ="From: " .$TO;
$message=""; while (list($key,$val)=each($HTTP_POST_VARS)) {
$message.="$key:$val\n";
}
mail($TO,$subject,$message,$h);
Header("location:http://www.vasselin.eu/civa/merci.htm");
?>
Le fichier merci.htm permet par un message de confirmation d'envoi d'éviter que votre
correspondant clique plusieurs fois sur Envoyer
Exemple de formulaire
Page 2 / 2