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