Lea On juillet - 10 - 2010

Création de votre premier formulaire

Dans cette seconde partie, nous allons créer notre formulaire .

Pour faire un formulaire, il suffit d’ assembler les éléments vus lors de la partie 1, entre les deux balises <form> et <form>

Nous traiterons ici simplement le formulaire html, renvoyant les données sur une adresse mail.

Il se peut que selon votre systême d’ explotation et / ou votre navigateur, l’ envoi de données ne se fasse pas.

Dans ce cas, privilégiez Firefox.

Les boutons pour finaliser le formulaire.

-pour envoyer un fichier ( l’ envoie de fichier ne fonctionne qu’ en PHP )


-pour envoyer le formulaire


-pour remettre à zéro


Création d’ un formulaire

Formulaire de contact

Civilité

 

Mademoiselle
Madame
Monsieur

Tranche d’âge

10 à 30

31 à 50
51 et plus

Votre Nom

Adresse Mail

Comment avez vous connu ce site ?

 

Quel(s) logiciel(s) utilisez vous ?

Photoshop

Paint Shop Pro
Flash
Autres

Commentaires

Joindre un fichier

 

 

Voici donc un exemple de formumaire complet.

Voici son code:

<form action="mailto:adresse_mail" method=post enctype="text/plain"><div align="center"><p><u>Civilité</u></p><p>

<input TYPE="radio" NAME="civil" VALUE="Melle"/>Mademoiselle

<input TYPE="radio" NAME="civil" VALUE="Mme"/>Madame

<input TYPE="radio" NAME="civil" VALUE="Mr"/>Monsieur </p><p><u>Tranche d’âge</u></p><p><input TYPE="radio" NAME="age" VALUE="10_30"/>10 à 30

<input TYPE="radio" NAME="age" VALUE="31_50"/>31 à 50

<input TYPE="radio" NAME="age" VALUE="51 et +"/>51 et plus</p><p>Votre Nom <input TYPE="TEXT" NAME="Pseudo" SIZE="20" MAXLENGTH="50"/></p><p>Adresse Mail <input TYPE="TEXT" NAME="Mail" SIZE="20" MAXLENGTH="50"/></p><p><u>Comment avez vous connu ce site ?</u></p><p><select NAME="Connaissance SIZE=4 MULTIPLE"><option VALUE="Weborama">Weborama</option><option VALUE="Google">Google</option><option VALUE="Top-Site" SELECTED>Top-Site</option><option VALUE="Autres">Autres</option></select> </p></div><p align="center"><u>Quel(s) logiciel(s) utilisez vous ?</u></p><p align="center"><input TYPE="checkbox" NAME="logiciel" VALUE="Photoshop"/>Photoshop

<input TYPE="checkbox" NAME="logiciel" VALUE="PSP"/>Paint Shop Pro

<input TYPE="checkbox" NAME="logiciel" VALUE="Flash"/>Flash

<input TYPE="checkbox" NAME="logiciel" VALUE="Autres"/>Autres</p><p align="center"><u>Commentaires</u></p><p align="center"><textarea NAME="commentaire" ROWS="5" COLS="70"></textarea>

</p><p align="center"><u>Joindre un fichier</u> </p><p align="center"><input type="file" value="fichier"/>  </p><p align="center"><input type="submit" value="Envoyer"/> <input type="reset" value="Recommencer"/> </p></form>

La création d’un formulaire html n’ étant pas satisfaisant, il est préférable de faire un formulaire faisant appel au PHP.

La diffusion et la reproduction du contenu de mon site ,sans un accord préalable ,sont absolument interdites.

Tous les droits sont réservés..

Related posts:

  1. Les formulaires
  2. Les tableaux
  3. Les bases du langage HTML

Leave a Reply


 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://www.graph-design.com/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Get Free Google Page Rank