Créer un formulaire de contact

PREMIERE SOLUTION : Création de A à Z du formulaire

Ce formulaire détaillé va permettre à vos lecteurs de communiquer avec vous.

Il n'est pas très difficile à réaliser.

Copiez ce pavé et collez-le en HTML :

<form action="mailto:annak_67@yahoo.fr" method="post" enctype="text/plain" name="mail">
Votre nom:
<input name="votre nom"><p>
Vous êtes:
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>
Votre ville:
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>
Votre âge:
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans
</select><p>
Vos commentaires:<br>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>

Ensuite, personnalisez le.

1ère étape : l'adresse à laquelle sera envoyé ce message :

<form action="mailto:annak_67@yahoo.fr" method="post" enctype="text/plain" name="mail">

2ème étape : les questions ouvertes. Celui qui répond a toute liberté. Vous modifiez ce qui est en rouge : les mêmes mots aux 2 endroits

Votre nom:
<input name="votre nom"><p>

Votre nom:

3ème étape : les questions fermées, les réponses sont dirigées. Celui qui répond clique sur la réponse choisie. Vous modifiez ce qui est en couleur. Même couleur = même modification

3-1 - Boutons ronds de sélection : radio

Vous êtes:
<input type="radio" name="sexe" value="homme">un homme
<input type="radio" name="sexe" value="femme">une femme<p>

Vous êtes:

un homme
une femme

3 - 2 - Boutons carrés de sélection : checkbox

Votre ville:
<input type="checkbox" name="ville" value="paris">paris
<input type="checkbox" name="ville" value="lyon">lyon
<input type="checkbox" name="ville" value="marseille">marseille<p>

Votre ville:

paris lyon marseille

4ème étape : les questions fermées, les réponses sont toujours dirigées. Celui qui répond sélectionne la donnée dans un menu déroulant.

Votre âge:
<select name="age">
<option value=" -20 ans ">de -20 ans
<option value=" 21-50 ans">de 21 à 50 ans
<option value=" +50 ans ">de +50 ans

Votre âge: de -20 ans de 21 à 50 ans de +50 ans

5ème étape : la zone de saisie du commentaire

Vos commentaires:<br>
<textarea name="commentaire" rows="5" cols="50"></textarea><p>
<input type="submit" value="envoyer"></form>

rows : la hauteur de la zone de saisie
cols : la largeur de la zone de saisie
envoyer : le mot qui apparaîtra sur le bouton

Vos commentaires:




et le formulaire complet :

Votre nom:
Vous êtes: un homme une femme

Votre ville: paris lyon marseille

Votre âge: de -20 ans de 21 à 50 ans de +50 ans

Vos commentaires:

SECONDE SOLUTION : Utilisation d'un générateur en ligne de formulaire

Allez chez MONSITE GRATUIT.

Première étape :

Sur le site, vous complétez :

• le questionnaire sur les données que vous voulez trouver sur ce formulaire
  
• Le design du formulaire
  
• Les coordonnées du formulaire : l'adresse du blog et votre adresse mail
  

Enregistrez les paramètres.

Copiez le code fourni. C'est du javascript :

<script language='Javascript' src="http://www.monsitegratuit.com/services/cybermail/form1.php?
n=1&p=1&e=1&s=1&t=1&ad=1&cp=1&soc=1&py=1&tel=1&ban=0&tt=Contactez-moi...&mt=
...si vous voulez de l'aide&b1=Envoyer&b2=Réinitialiser&cf=000033&cc=d8e2ec&ct=3c4157&ctx=3c4157&cos
=annak.over-blog.com&coe=annak_67@yahoo.fr"></script><noscript><p>Votre Formulaire Mon Site Gratuit visible lors de sa mise en ligne</p></noscript><a
href='http://www.monsitegratuit.com/'><img src="http://www.monsitegratuit.com/site.gif" alt="Mon Site Gratuit : Formulaire de contact" border="0"></a>   

Deuxième étape : Collez ce code en HTML et vous obtenez