Envoi d'un formulaire

linkonbirose Messages postés 1 Statut Membre -  
croy Messages postés 457 Statut Membre -
Bonjour,
voila j'ai un probleme avec un formulaire. Lorsque je clik sur "envoyer" je ouvre otlook automatiquement mais le formulaire n'aparet pas. En fait se que je veux c'est de ne pas passer par otlook mais par url.
Voici mon formulaire
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
<form action="mailto:entreprisepetrovic@aliceadsl.fr"
method="post" enctype="text/plain" name="input id">
<label></label>
<div class="question">Vous souhaitez : <span
class="required">* 
</span></div>
<div class="element"><input id="instaler"
name="instaler de" value="1" type="radio">
<label for="qf_1">Installer de nouvelles menuiseries
</label><br>
<input id="remplacer" name="remplacer vos" value="2"
type="radio"><label for="qf_2">Remplacer
vos anciennes menuiseries</label></div>
<div class="titreQuestion">
<h3>Type (s) et quantités de menuiseries
souhaitées</h3>
</div>
<div class="ligne">
<div class="question">Type de menuiseries
extérieures souhaité : <span class="required">* </span></div>
<div class="element"><input id="fenetre"
name="fenetre(s)" value="3" type="checkbox"><label
for="Fenetre">Fenêtre (s)</label> <br>
<input id="portedentree" name="Porte d'entrée"
value="1" type="checkbox"><label
for="Porte(s) d'entrée">Porte(s)
d'entrée</label> <br>
<input id="portefenetre" name="Porte fenetre"
value="1" type="checkbox"><label
for="Porte(s) fenêtres">Porte(s)
fenêtres</label> <br>
<input id="store" name="store (s)" value="1"
type="checkbox"><label for="stor(s)">store
(s)</label> <br>
<input id="qf_51db5c" name="1_8_498_1854_5_6256"
value="1" type="checkbox"><label for="qf_51db5c">volet(s)
roulant(s)</label> <br>
<input id="qf_3c97fa" name="1_8_498_1854_5_6427"
value="1" type="checkbox"><label for="qf_3c97fa">volet(s)
battant(s)</label> <br>
<input id="qf_12a68b" name="1_8_498_1854_5_6257"
value="1" type="checkbox"><label for="qf_12a68b">Portail(s)</label>
<br>
<input id="qf_58da5d" name="1_8_498_1854_5_6258"
value="1" type="checkbox"><label for="qf_58da5d">Porte(s)
de garage</label> <br>
<input id="qf_472d4b" name="1_8_498_1854_5_6259"
value="1" type="checkbox"><label for="qf_472d4b">Fenêtre(s)
de toit</label> <br>
<input id="qf_0475e0" name="1_8_498_1854_5_6260"
value="1" type="checkbox"><label for="qf_0475e0">Autre
(précisez ci-dessous)</label></div>
</div>
<div class="ligne">
<div class="questionSansPuce"> </div>
<div class="element"><input id="1_8_498_1855_1"
size="30" name="1_8_498_1855_1" type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Si vous voulez des portes
d'intérieur, indiquez le nombre : </div>
<div class="element"><input id="1_8_498_1856_1"
size="30" name="1_8_498_1856_1" type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Matériaux
souhaités : <span class="required">* </span></div>
<div class="element"><input id="qf_df2353"
name="1_8_498_1919_5_6261" value="1" type="checkbox"><label
for="qf_df2353">PVC</label> <br>
<input id="qf_a469c2" name="1_8_498_1919_5_6262"
value="1" type="checkbox"><label for="qf_a469c2">Aluminium</label>
<br>
<input id="qf_50507f" name="1_8_498_1919_5_6263"
value="1" type="checkbox"><label for="qf_50507f">Bois</label>
<br>
<input id="qf_cc9a48" name="1_8_498_1919_5_6264"
value="1" type="checkbox"><label for="qf_cc9a48">Autre
(précisez ci-dessous)</label></div>
</div>
<div class="ligne">
<div class="questionSansPuce"> </div>
<div class="element"><input id="1_8_498_1920_1"
size="30" name="1_8_498_1920_1" type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Décrivez les
caractéristiques et les quantités par type de
menuiseries : <span class="required">* </span></div>
<div class="element"><textarea id="1_8_498_1857_3"
rows="10" cols="9" name="1_8_498_1857_3"></textarea></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Gamme de produit : <span
class="required">* </span></div>
<div class="element"><input id="qf_833ed7"
name="1_8_498_1858_5_6424" value="1" type="checkbox"><label
for="qf_833ed7">Non défini pour l'instant</label>
<br>
<input id="qf_3a37e1" name="1_8_498_1858_5_6265"
value="1" type="checkbox"><label for="qf_3a37e1">Entrée
/ Moyenne gamme</label> <br>
<input id="qf_f34c0b" name="1_8_498_1858_5_6266"
value="1" type="checkbox"><label for="qf_f34c0b">Moyen
/ Haut de gamme</label></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Prestation souhaitée : <span
class="required">* </span></div>
<div class="element"><input id="qf_420285"
name="1_8_498_1859_6" value="6267" type="radio"><label
for="qf_420285">Fourniture & Pose</label> <br>
<input id="qf_49428d" name="1_8_498_1859_6"
value="6268" type="radio"><label for="qf_49428d">Fourniture
seule</label> <br>
<input id="qf_fb320f" name="1_8_498_1859_6"
value="6269" type="radio"><label for="qf_fb320f">Pose
seule</label> <br>
<input id="qf_9aaa0c" name="1_8_498_1859_6"
value="6270" type="radio"><label for="qf_9aaa0c">Non
défini</label></div>
</div>
<div class="titreQuestion">
<h3>Commentaires et photos</h3>
</div>
<div class="ligne bleu">Décrivez au mieux
votre projet en indiquant ce qui est important pour vous,
n'hésitez pas à fournir un maximum de
détails, sur les matières et l'ambiance
souhaitées.</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Commentaires :</div>
<div class="element"><textarea id="1_7_468_1700_3"
rows="5" cols="55" name="1_7_468_1700_3"></textarea></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne bleu">
<table border="0" width="550">
<tbody>
<tr>
<td width="55"><strong><img alt=""
src="http://www.easy-devis.fr/images/formulaire/camera.gif"
align="left"></strong></td>
<td width="495"><strong>Rien ne vaut une
photo pour décrire vos attentes et visualiser votre projet.</strong><br>
Cliquez sur le bouton "Parcourir" et choisissez les photos à
insérer dans votre annonce Internet. Les images doivent
impérativement être au format JPEG, PNG ou GIF
(extension .jpg, .jpeg, .png, .gif) et d'un poids maxi de 300 Ko.</td>
</tr>
</tbody>
</table>
</div>
<div class="ligne">
<div class="question">Photo 1</div>
<div class="element"><input id="1_7_468_1717_11"
size="30" name="1_7_468_1717_11" type="file"></div>
</div>
<div class="ligne">
<div class="question">Photo 2</div>
<div class="element"><input id="1_7_468_1743_11"
size="30" name="1_7_468_1743_11" type="file"></div>
</div>
<div class="ligne">
<div class="question">Photo 3</div>
<div class="element"><input id="1_7_468_1744_11"
size="30" name="1_7_468_1744_11" type="file"></div>
</div>
<div class="titreQuestion">
<h3>Informations complémentaires</h3>
</div>
<div class="ligne">
<div class="question">Type de bâtiment : <span
class="required">* </span></div>
<div class="element"><input id="qf_c2ec97"
name="1_6_380_1567_6" value="5470" type="radio"><label
for="qf_c2ec97">Appartement</label> <br>
<input id="qf_f80c52" name="1_6_380_1567_6"
value="5471" type="radio"><label for="qf_f80c52">Maison
/ Pavillon</label> <br>
<input id="qf_a03378" name="1_6_380_1567_6"
value="5472" type="radio"><label for="qf_a03378">Immeuble</label>
<br>
<input id="qf_febec0" name="1_6_380_1567_6"
value="5473" type="radio"><label for="qf_febec0">Bureaux</label>
<br>
<input id="qf_2a0c12" name="1_6_380_1567_6"
value="5474" type="radio"><label for="qf_2a0c12">Magasin</label>
<br>
<input id="qf_b21cc9" name="1_6_380_1567_6"
value="5475" type="radio"><label for="qf_b21cc9">Entrepôt</label>
<br>
<input id="qf_652e2d" name="1_6_380_1567_6"
value="5476" type="radio"><label for="qf_652e2d">Autre
(précisez ci-dessous)</label></div>
</div>
<div class="ligne">
<div class="questionSansPuce"> </div>
<div class="element"><input id="1_6_380_1568_1"
size="30" name="1_6_380_1568_1" type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Etat du batiment : <span
class="required">* </span> <a
onmouseover="return overlib('Pour tous vos travaux d\'entretien et de r'amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;eacute;novation dans une habitation de plus de deux ans, vous b'amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;eacute;n'amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;eacute;ficiez d\'une TVA r'amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;eacute;duite 'amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;amp;apos;agrave; 5,5%.');"
onmouseout="return nd();" href="javascript:void(0)"><img
alt="" src="http://www.easy-devis.fr/images/formulaire/aide.gif"
align="top" border="0" height="25" width="42"></a></div>
<div class="element"><input id="qf_bd6cac"
name="1_6_380_1569_6" value="5477" type="radio"><label
for="qf_bd6cac">En construction</label> <br>
<input id="qf_6f3d74" name="1_6_380_1569_6"
value="5478" type="radio"><label for="qf_6f3d74">Neuf
(- de 2 ans)</label> <br>
<input id="qf_089820" name="1_6_380_1569_6"
value="5479" type="radio"><label for="qf_089820">Neuf
(+ de 2 ans)</label> <br>
<input id="qf_943d49" name="1_6_380_1569_6"
value="5480" type="radio"><label for="qf_943d49">Ancien</label></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Vous êtes : <span
class="required">* </span></div>
<div class="element"><input id="qf_19b7a0"
name="1_6_380_1570_6" value="5481" type="radio"><label
for="qf_19b7a0">Propriétaire</label> <br>
<input id="qf_71678b" name="1_6_380_1570_6"
value="5482" type="radio"><label for="qf_71678b">Locataire
payeur</label> <br>
<input id="qf_ba27d5" name="1_6_380_1570_6"
value="5483" type="radio"><label for="qf_ba27d5">Locataire
non payeur</label> <br>
<input id="qf_be6101" name="1_6_380_1570_6"
value="6358" type="radio"><label for="qf_be6101">Autres
(syndics, architectes, ...)</label></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Début des travaux : <span
class="required">* </span></div>
<div class="element"><input id="qf_ed5a99"
name="1_6_380_1586_5_5519" value="1" type="checkbox"><label
for="qf_ed5a99">Dès que possible</label> <br>
<input id="qf_7beb08" name="1_6_380_1586_5_5520"
value="1" type="checkbox"><label for="qf_7beb08">de
2 à 3 mois</label> <br>
<input id="qf_53f411" name="1_6_380_1586_5_5521"
value="1" type="checkbox"><label for="qf_53f411">de
3 à 6 mois</label> <br>
<input id="qf_995207" name="1_6_380_1586_5_5522"
value="1" type="checkbox"><label for="qf_995207">+
de 6 mois</label></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Financement des travaux : <span
class="required">* </span></div>
<div class="element"><input id="qf_4bbe01"
name="1_6_380_1585_6" value="5523" type="radio"><label
for="qf_4bbe01">Comptant</label> <br>
<input id="qf_f8665d" name="1_6_380_1585_6"
value="5524" type="radio"><label for="qf_f8665d">Crédit</label></div>
</div>
<div class="titreQuestion">
<h3>Localisation du chantier ou de la demande</h3>
</div>
<div class="ligne">
<div class="question">code postal de la commune
où la prestation sera réalisée <span
class="required">* </span></div>
<div class="element"><input id="codepostal"
maxlength="5" size="10" name="3_6_251_767_1"
type="text"></div>
</div>
<div class="ligne">
<div class="question">
<p> </p>
<p>Ville <input id="1_8_498_1855_1" size="30"
name="1_8_498_1855_1" type="text"></p>
<p> </p>
</div>
</div>
<div class="titreQuestion">
<h3>Civilité</h3>
</div>
<div class="ligne">
<div class="question">Profil <span class="required">* </span></div>
<div class="element">
<select id="2_4_255_766_2" name="2_4_255_766_2">
<option value="" selected="selected">Précisez
SVP</option>
<option value="2789">Un particulier</option>
<option value="2790">Une entreprise</option>
<option value="2791">Une association</option>
<option value="2792">Autre</option>
</select>
</div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Civilité <span
class="required">* </span></div>
<div class="element">
<select id="" name="2_4_255_780_2">
<option value="" selected="selected">Précisez
SVP</option>
<option value="2856">M.</option>
<option value="2857">Mme</option>
<option value="2858">Mlle</option>
</select>
</div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Nom <span class="required">* </span></div>
<div class="element"><input id="2_4_255_781_1"
size="40" name="2_4_255_781_1" type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Prénom <span
class="required">* </span></div>
<div class="element"><input id="2_4_255_782_1"
size="40" name="2_4_255_782_1" type="text"></div>
</div>
<div class="titreQuestion">
<h3>Adresse postale</h3>
</div>
<div class="ligne">
<div class="question">Adresse <span class="required">* </span></div>
<div class="element"><textarea id="2_4_256_783_3"
rows="3" cols="55" name="2_4_256_783_3"></textarea></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Code Postal <span
class="required">* </span></div>
<div class="element"><input id="2_4_256_784_1"
maxlength="5" size="6" name="2_4_256_784_1"
type="text"></div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Ville / Localité <span
class="required">* </span></div>
<div class="element"><input id="2_4_256_785_1"
size="40" name="2_4_256_785_1" type="text"></div>
</div>
<div class="titreQuestion">
<h3>Téléphone / E-mail</h3>
</div>
<div class="ligne">
<div class="question">Téléphone 1 <span
class="required">* </span></div>
<div class="element"><input id="2_4_257_786_1"
maxlength="10" name="2_4_257_786_1" type="text"> 
<select name="2_4_257_796_2">
<option value="2844" selected="selected">Domicile</option>
<option value="2846">Portable</option>
<option value="2894">Bureau Direct</option>
<option value="2845">Bureau Standard</option>
</select>
</div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Téléphone 2</div>
<div class="element"><input id="2_4_257_787_1"
maxlength="10" name="2_4_257_787_1" type="text"> 
<select name="2_4_257_797_2">
<option value="2847" selected="selected">Domicile</option>
<option value="2849">Portable</option>
<option value="2893">Bureau Direct</option>
<option value="2848">Bureau Standard</option>
</select>
</div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Email <span class="required">* </span></div>
<div class="element"><input id="2_4_257_789_1"
onblur="javascript:document.getElementById('2_4_257_794_1').value=document.getElementById('2_4_257_789_1').value"
name="2_4_257_789_1" type="text"> 
<select name="2_4_257_799_2">
<option value="2853" selected="selected">Domicile</option>
<option value="2854">Bureau</option>
<option value="2855">Portable</option>
</select>
</div>
</div>
<div class="separateurQuestion"> </div>
<div class="ligne">
<div class="question">Confirmez votre email <span
class="required">* </span></div>
<div class="element"><input id="2_4_257_1139_1"
size="40" onpaste="return false" name="2_4_257_1139_1"
type="text"></div>
 
<div align="center"><input name="action"
value="Envoyer" type="submit"></div>
</div>
</form>
</body>
</html>

1 réponse

Réponse 1 / 1
croy Messages postés 457 Statut Membre 114
 
il faut remplace dans ta balise <form la valeur du paramètre action par l'appel d'un script php qui va :
- recevoir les valeurs dans des variables $_POST[] saisies dans le formulaire
- construire le sujet et le texte du mail
- appeler la fonction mail

Est-ce-que ton hébergeur propose php (si ce n'est pas le cas, tu vas avoir des pbs pour faire ce que tu veux faire) ?

Est-ce-que tu connais php : d'excellents tutoriaux existent sur ce sujet
0

Discussions similaires

Google Chrome : "Nouvel envoi du formulaire"
beredezebe -
beredezebe -

3 réponses
Problème avec Google Chrome
loup_blanc14 -
bicker -

6 réponses
problème envoi formulaire
mathieu_n -
jordane45 -

5 réponses
Echec d'envoi message sur Messenger
Kris68 -
Colibri -

2 réponses
Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

1 réponse