Aller au contenu

Création de formulaires!


Nemesis Knives

Messages recommandés

Membre, Titre, 36ans Posté(e)
Nemesis Knives Membre 6 234 messages
36ans‚ Titre,
Posté(e)

Bonjour a tous.Voila je suis en train de faire mon site mais je pense que je merde au niveau du formulaire car dans tous les cas je ne recois rien le bouton envoyer me permet juste d'ouvrir Thunderbird.

voici la page en question et le code source

http://veneau.com/formulaire.html

merci d'avance a ceux qui ce donne la peine.

Lien à poster
Partager sur d’autres sites

Annonces
Maintenant
Membre, Le Dieu Lapin, 37ans Posté(e)
Lapinkiller Membre 10 149 messages
37ans‚ Le Dieu Lapin,
Posté(e)

Bonjour

Dans le html, toutes tes balises formulaires (textarea, select, input et cie) doivent être entre les balises <form></form>

ce qui n'est pas ton cas, c'est donc normal que ca ouvre uniquement ton client email ;)

Lien à poster
Partager sur d’autres sites

Membre, Titre, 36ans Posté(e)
Nemesis Knives Membre 6 234 messages
36ans‚ Titre,
Posté(e)

ok je vois effectivement mais pourrais tu a la limite me les integrer dans le code en ROUGE en capitale (je referer bien) histoire que je comprenne bien l'histoire?

pourtant elles y sont!ils y en a pourtout!,

Lien à poster
Partager sur d’autres sites

Membre, Le Dieu Lapin, 37ans Posté(e)
Lapinkiller Membre 10 149 messages
37ans‚ Le Dieu Lapin,
Posté(e)

non mais je vais pas faire ton boulot non plus hein...

j'fais déjà du développement toute la journée ca me suffit...

utilise les balise

[code]

[/code] sur le forum pour y mettre du code car là c'est illisible comme ca...

et après avoir reregarder tu as plusieurs balises <form> et il est là ton problème car tu n'a qu'un seul et même formulaire et non plusieurs ;)

Lien à poster
Partager sur d’autres sites

Membre, Titre, 36ans Posté(e)
Nemesis Knives Membre 6 234 messages
36ans‚ Titre,
Posté(e)

ok je comprends.en gros j'ai un <form></form> pour chaque ligne.....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script type="text/javascript" language="JavaScript1.2" src="um_menu.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulaire</title>
<style type="text/css">
<!--
.Style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style>
</head>

<body>

<! -----------------LE MENU---------------------->
<div id="menu" style="position:absolute;z-index:10004;left:637px;top:88px;width:680px;height:27px;">
<script type="text/javascript" language="JavaScript1.2">
BuildLayer('h','','','','250','250','','','','1','2','1px None  #ACA899','1px None #ACA899','1px None #ACA899','1px None  #ACA899','center','transparent','barre2.jpg','1','1','','Filter:none(Duration=0.5)','','#C0C0C0','0','Pointer','Pointer','','100','0','#FFFFFF')
SwapDiv('wme6','','Accueil  ','blank.gif','blank.gif','0','0','blank.gif','blank.gif','0','0','auto','auto','Arial','Arial','13pt','13pt','normal','normal','#FFFFFF','#FFFFFF','bold','bold','none','none','transparent','transparent','blank.gif','blank.gif','1','1','1','1','1px  None #FFFFFF','1px None #FFFFFF','1px None #FFFFFF','1px None  #FFFFFF','1px None #3A4057','1px None #3A4057','1px None #3A4057','1px  None  #3A4057','middle','left','/index.html','','','_self','','','0','blank.gif','blank.gif','auto','auto','0','0','0')
SwapDiv('wme2','wme6','Services aux  particuliers',_,_,_,_,_,_,'7','7',_,_,_,_,'11pt','11pt',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'',_,_,_,_,_,'0',_,_,_,_,_,_,_)
FreeLayer('wme8','','5','v','0','0','1','2','1px None #ACA899','1px None  #ACA899','1px None #ACA899','1px None  #ACA899','transparent','barre%20menu.jpg','1','1','','Filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=forward,enabled=0,Duration=0.6)   progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0,wipeStyle=1,motion=reverse,enabled=0,Duration=0.6)','','#C0C0C0','0','100')
SwapDiv('wme10','wme6','',_,_,_,_,_,_,_,_,'3','3',_,_,'8pt','8pt',_,_,'transparent','transparent','normal','normal',_,_,_,_,_,_,'0','0','0','0','none','none','none','none','none','none','none','none','top',_,'',_,_,_,_,_,'2',_,_,_,_,_,_,_)
SwapDiv('wme7','wme6','Réparations',_,_,_,_,_,_,_,_,_,_,_,_,'9pt','9pt',_,_,'#000000','#008000',_,_,_,_,_,'#FFFFFF',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/repare.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme9','wme7','Entretien et  révisions',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/entret.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme11','wme7','Pièces  détachées',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/pcs.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
InitDiv();
SwapDiv('wme3','wme2','Services aux  professionnels',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'0',_,_,_,_,_,_,_)
FreeLayer('wme13','wme8',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_)
SwapDiv('wme18','wme10',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'2',_,_,_,_,_,_,_)
SwapDiv('wme12','wme7','Formations vente et  SAV',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/formsav.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme14','wme7','Gestion de votre  SAV',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/gestsav.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
SwapDiv('wme15','wme7','Edition de  planogrammes',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/editsav.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
InitDiv();
SwapDiv('wme4','wme6','Contactez-nous',_,_,_,_,_,_,_,_,_,_,_,_,'11pt','11pt',_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,_,'/contact.html',_,_,_,_,_,'0',_,_,_,_,_,_,_)
Filter('True','','')
HideDiv();
</script></div>

<! -----------------LES IMAGES---------------------->
<div id="wa-id-1seohkop7f1oe8k"  style="position:absolute;z-index:10004;left:475px;top:4px;width:680px;height:27px;"><img  src="images/8090270-herbe-3d.jpg" width="200" height="108"  style="border:0;width:200px;height:110px;" title="" ></div>
<div id="wa-id-1qnp4oop7o2acba"  style="position:absolute;z-index:10016;left:1351px;top:117px;width:14px;height:1780px;"><img  src="images/ligne.jpg" alt="" width="15" height="1900"  style="border:0;width:14px;height:1780px;" title="" ></div>
<div id="wa-id-1qvzs8op7o26cxd"  style="position:absolute;z-index:10012;left:475px;top:117px;width:14px;height:1780px;"><img  src="images/ligne.jpg" alt="" width="15" height="1900"  style="border:0;width:14px;height:1780px;" title="" ></div>
<div id="wa-id-1rh2xkop7o2e3by"  style="position:absolute;z-index:10020;left:1px;top:1765px;width:474px;height:132px;"><img  src="images/herbe_997_x_278_-_Copie.jpg" alt="" width="997"  height="278" style="border:0;width:474px;height:132px;" title=""  ></div>
<div id="wa-id-1q2fxc2gx695o2"  style="position:absolute;z-index:10024;left:1365px;top:1748px;width:535px;height:149px;"><img  src="images/herbe_997_x_278_-_Copie.jpg" alt="" width="997"  height="278" style="border:0;width:535px;height:149px;" title=""  ></div>


<! -----------------LES FORMULAIRES---------------------->
<div id="APPAREILS" style="position:absolute;z-index:10024;left:576px;top:301px;width:245px;height:28px;">
<form id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Appareils</span>
 <select name="select">
<option>-----------------------</option>
<option>Autoportée</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Groupe electrogène</option>
<option>Tondeuse</option>
</select>
 </label>
</form></div>
<! -------------------------------------------------->
<div id="AUTRES APPAREILS" style="position:absolute;z-index:10024;left:991px;top:301px;width:245px;height:28px;">
 <form id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</form></div>
<! -------------------------------------------------->
<div id="MARQUE" style="position:absolute;z-index:10024;left:575px;top:347px;width:230px;height:28px;">
 <form id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Marque</span>
 <select name="select">
<option>------------------------</option>
<option>Honda</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Groupe electrogène</option>
<option>Tondeuse</option>
 </select>
 </label>
</form></div>
<! -------------------------------------------------->
<div id="AUTRES MARQUES" style="position:absolute;z-index:10024;left:995px;top:347px;width:245px;height:28px;">
 <form id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</form></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 417px; left: 574px; z-index: 10;  width: 157px; height: 183px; padding-left: 2px; padding-right: 2px;  padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size:  15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série  :</span></div></div>
<! -------------------------------------------------->
<div id="NS" style="position:absolute;z-index:10024;left:873px;top:417px;width:317px;height:180px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Tapez ici toutes  les informations concernant les numéros de série présent sur  l'appareil.</textarea>
 </label>
 </form></div>

<div style="position: absolute; top: 665px; left: 574px; z-index: 10;  width: 157px; height: 183px; padding-left: 2px; padding-right: 2px;  padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size:  15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série  moteur :</span></div></div>
<! -------------------------------------------------->
<div id="NSMOTEUR" style="position:absolute;z-index:10024;left:873px;top:665px;width:317px;height:180px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Dans le cas où le  moteur n'est pas de la même marque que l'appareil inscrivez les numéros  de série ici.</textarea>
 </label>
 </form></div>
<! -------------------------------------------------->	
<div style="position: absolute; top: 880px; left: 574px; z-index: 10;  width: 194px; height: 52px; padding-left: 2px; padding-right: 2px;  padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size:  15px; font-weight: bold; color: rgb(0, 0, 0);">Année de fabrication  :</span></div></div>
<! -------------------------------------------------->
<div id="ANNEE" style="position:absolute;z-index:10024;left:873px;top:880px;width:261px;height:36px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <input name="textarea" type="text" value="" size="40" />
 </label>
</form></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 970px; left: 574px; z-index: 10;  width: 157px; height: 183px; padding-left: 2px; padding-right: 2px;  padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size:  15px; font-weight: bold; color: rgb(0, 0, 0);">Pièces concernées et  observations :</span></div></div>
<! -------------------------------------------------->
<div id="OBSERVATIONS" style="position:absolute;z-index:10024;left:873px;top:970px;width:317px;height:180px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Indiquez ici les  pièces recherchées et tous détails pouvant nous aider à la  trouver.</textarea>
 </label>
 </form></div>
<! -------------------------------------------------->
<div id="ENVOYER"  style="position:absolute;z-index:10024;left:873px;top:1200px;width:261px;height:36px;"><form  id="form4" name="form4" method="post"  action="mailto:vsm@veneau.com">
<form id="form4" name="form4" method="post" action="mailto:vsm@veneau.com">
 <label>
 <input name="Submit" type="submit" value="Envoyer" />
 </label>
</form></div>
</body>
</html>

Lien à poster
Partager sur d’autres sites

Membre, Le Dieu Lapin, 37ans Posté(e)
Lapinkiller Membre 10 149 messages
37ans‚ Le Dieu Lapin,
Posté(e)

je me suis mal exprimé

en gros toi tu as ca actuellement (je fais pas dans le détail là c'est juste pour t'expliquer) :

<form><input type="text" /></form>
<form><input type="text" /></form>
<form><input type="text" /></form>
<form><input type="text" /></form>
<form><input type="text" /></form>

alors que tu devrais avoir :

<form>
  <input type="text" />
   <input type="text" />
  <input type="text" />
  <input type="text" />
  <input type="text" />
</form>

Lien à poster
Partager sur d’autres sites

Membre, Titre, 36ans Posté(e)
Nemesis Knives Membre 6 234 messages
36ans‚ Titre,
Posté(e)

:snif:


<! -----------------LES FORMULAIRES---------------------->
<div id="APPAREILS" style="position:absolute;z-index:10024;left:576px;top:301px;width:245px;height:28px;">
</form>
<input id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Appareils</span>
 <select name="select">
<option>-----------------------</option>
<option>Autoportée</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Elagueuse</option>
<option>Groupe electrogène</option>
<option>Motobineuse</option>
<option>Motoculteur</option>
<option>Scarificateur</option>
<option>Taille-Haies</option>
<option>Tondeuse</option>
<option>Tronçonneuse</option>
 </select>
 </label>
</input></div>
<! -------------------------------------------------->
<div id="AUTRES APPAREILS" style="position:absolute;z-index:10024;left:991px;top:301px;width:245px;height:28px;">
 <input id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</input></div>
<! -------------------------------------------------->
<div id="MARQUE" style="position:absolute;z-index:10024;left:575px;top:347px;width:230px;height:28px;">
 <input id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Marque</span>
 <select name="select">
<option>------------------------</option>
<option>Honda</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Groupe electrogène</option>
<option>Tondeuse</option>
 </select>
 </label>
</input></div>
<! -------------------------------------------------->
<div id="AUTRES MARQUES" style="position:absolute;z-index:10024;left:995px;top:347px;width:245px;height:28px;">
 <input id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</input></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 417px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série :</span></div></div>
<! -------------------------------------------------->
<div id="NS" style="position:absolute;z-index:10024;left:873px;top:417px;width:317px;height:180px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Tapez ici toutes les informations concernant les numéros de série présent sur l'appareil.</textarea>
 </label>
 </form></div>

<div style="position: absolute; top: 665px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série moteur :</span></div></div>
<! -------------------------------------------------->
<div id="NSMOTEUR" style="position:absolute;z-index:10024;left:873px;top:665px;width:317px;height:180px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Dans le cas où le moteur n'est pas de la même marque que l'appareil inscrivez les numéros de série ici.</textarea>
 </label>
 </input></div>
<! -------------------------------------------------->	
<div style="position: absolute; top: 880px; left: 574px; z-index: 10; width: 194px; height: 52px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Année de fabrication :</span></div></div>
<! -------------------------------------------------->
<div id="ANNEE" style="position:absolute;z-index:10024;left:873px;top:880px;width:261px;height:36px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <input name="textarea" type="text" value="" size="40" />
 </label>
</input></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 970px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Pièces concernées et observations :</span></div></div>
<! -------------------------------------------------->
<div id="OBSERVATIONS" style="position:absolute;z-index:10024;left:873px;top:970px;width:317px;height:180px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Indiquez ici les pièces recherchées et tous détails pouvant nous aider à la trouver.</textarea>
 </label>
 </input></div>
<! -------------------------------------------------->
<div id="ENVOYER" style="position:absolute;z-index:10024;left:873px;top:1200px;width:261px;height:36px;"><form id="form4" name="form4" method="post" action="mailto:vsm@veneau.com">
<input id="form4" name="form4" method="post" action="mailto:vsm@veneau.com">
 <label>
 <input name="Submit" type="submit" value="Envoyer" />
 </label>
</input></form></div>
</body>
</html>

j'ai remplacé toute cette partie.bon ca ma foutu un bordel monstre question graphique car du coup les menus deroulant deviennent de simple zone texte a remplir.

et je recois cela par mail

textarea=Dans+le+cas+o%F9+le+moteur+n%27est+pas+de+la+m%EAme+marque+que+l%27appareil+inscrivez+les+num%E9ros+de+s%E9rie+ici.&form3=&textarea=&form3=&textarea=Indiquez+ici+les+pi%E8ces+recherch%E9es+et+tous+d%E9tails+pouvant+nous+aider+%E0+la+trouver.&form4=&Submit=Envoyer

dur....:mouai:

Lien à poster
Partager sur d’autres sites

Membre, Le Dieu Lapin, 37ans Posté(e)
Lapinkiller Membre 10 149 messages
37ans‚ Le Dieu Lapin,
Posté(e)

la balise form ne doit pas te servir à faire de la mise en forme !!!!

et oui que tu recoivent ca, c'est normal ;)

si tu veux du texte formater faut utiliser du javascript ou du php ;)

Lien à poster
Partager sur d’autres sites

Membre, #GauloisRéfractaire, Posté(e)
LulzLamo Membre 4 233 messages
#GauloisRéfractaire,
Posté(e)

Bonsoir,

Ton code fait saigner les yeux, et encore je suis gentil whistling1.gif

Un petit exemple des tag utilisés pour faire un formulaire html, on parleras de css, et validation javascript/php un peut plus tard wink1.gif

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
</script>
</head>

<body>
<form id="form1" method="post" action="">
 <p>
   <label for="textfield"></label>
   <input type="text" name="textfield" id="textfield" />
 </p>
 <p>
   <input type="checkbox" name="checkbox" id="checkbox" />
   <label for="checkbox"></label>
 </p>
 <p>
   <label>
     <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_0" />
     Checkbox</label>
   <br />
   <label>
     <input type="checkbox" name="CheckboxGroup1" value="checkbox" id="CheckboxGroup1_1" />
     Checkbox</label>
 </p>
 <p><br />
   <input type="radio" name="radio" id="radio" value="radio" />
   <label for="radio"></label>
 </p>
 <p>
   <label>
     <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0" />
     Radio</label>
   <br />
   <label>
     <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_1" />
     Radio</label>
   <br />
   <label>
     <input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_2" />
     Radio</label>
 </p>
 <p>
   <select name="select" id="select">
   </select>
 </p>
 <p>
   <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
     <option>item1</option>
     <option>item2</option>
     <option>item3</option>
   </select>
 </p>
 <p>
   <label for="textarea"></label>
   <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
 </p>
 <p>
   <input type="submit" name="button" id="button" value="Submit" />
   <br />
 </p>
</form>
</body>
</html>

Juste un soupçon de javascript pour la "form" biggrin.gif

Lien à poster
Partager sur d’autres sites

Membre, Posté(e)
samomoi Membre 127 messages
Baby Forumeur‚
Posté(e)

Mais qu'est ce que tu veux faire exactement?

d'abord le formulaire est mal fait.

un formulaire commence toujours par <form> au lieu de </form> et se ferme par </form>.

ensuite tu dis action="mailto:vsm@veneau.com", c'est normal que ça ouvre outlook.

si tu veux envoyer tes information par email, tu dois utiliser quelque chose comme la fonction mail du php.

enfin il faut revoir ton cours sur les formulaire tu veras que la syntaxe est

<form method="post" action= "traitement.php"> formulaire</form>

method et action sont des attributs de la balise form mais pas de la balise input.

:snif:


<! -----------------LES FORMULAIRES---------------------->
<div id="APPAREILS" style="position:absolute;z-index:10024;left:576px;top:301px;width:245px;height:28px;">
</form>
<input id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Appareils</span>
 <select name="select">
<option>-----------------------</option>
<option>Autoportée</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Elagueuse</option>
<option>Groupe electrogène</option>
<option>Motobineuse</option>
<option>Motoculteur</option>
<option>Scarificateur</option>
<option>Taille-Haies</option>
<option>Tondeuse</option>
<option>Tronçonneuse</option>
 </select>
 </label>
</input></div>
<! -------------------------------------------------->
<div id="AUTRES APPAREILS" style="position:absolute;z-index:10024;left:991px;top:301px;width:245px;height:28px;">
 <input id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</input></div>
<! -------------------------------------------------->
<div id="MARQUE" style="position:absolute;z-index:10024;left:575px;top:347px;width:230px;height:28px;">
 <input id="form1" name="form1" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Marque</span>
 <select name="select">
<option>------------------------</option>
<option>Honda</option>
<option>Coupe-bordure</option>
<option>Débroussailleuse</option>
<option>Groupe electrogène</option>
<option>Tondeuse</option>
 </select>
 </label>
</input></div>
<! -------------------------------------------------->
<div id="AUTRES MARQUES" style="position:absolute;z-index:10024;left:995px;top:347px;width:245px;height:28px;">
 <input id="form2" name="form2" method="post" action="mailto:vsm@veneau.com">
 <label><span class="Style1">Autres</span>
 <input type="text" name="textfield" />
 </label>
</input></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 417px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série :</span></div></div>
<! -------------------------------------------------->
<div id="NS" style="position:absolute;z-index:10024;left:873px;top:417px;width:317px;height:180px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Tapez ici toutes les informations concernant les numéros de série présent sur l'appareil.</textarea>
 </label>
 </form></div>

<div style="position: absolute; top: 665px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Numéros de série moteur :</span></div></div>
<! -------------------------------------------------->
<div id="NSMOTEUR" style="position:absolute;z-index:10024;left:873px;top:665px;width:317px;height:180px;">
 <form id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Dans le cas où le moteur n'est pas de la même marque que l'appareil inscrivez les numéros de série ici.</textarea>
 </label>
 </input></div>
<! -------------------------------------------------->	
<div style="position: absolute; top: 880px; left: 574px; z-index: 10; width: 194px; height: 52px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Année de fabrication :</span></div></div>
<! -------------------------------------------------->
<div id="ANNEE" style="position:absolute;z-index:10024;left:873px;top:880px;width:261px;height:36px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <input name="textarea" type="text" value="" size="40" />
 </label>
</input></div>
<! -------------------------------------------------->
<div style="position: absolute; top: 970px; left: 574px; z-index: 10; width: 157px; height: 183px; padding-left: 2px; padding-right: 2px; padding-top: 2px; overflow: auto; word-wrap: break-word;">
<div align="left"><span style="font-family: Verdana; font-size: 15px; font-weight: bold; color: rgb(0, 0, 0);">Pièces concernées et observations :</span></div></div>
<! -------------------------------------------------->
<div id="OBSERVATIONS" style="position:absolute;z-index:10024;left:873px;top:970px;width:317px;height:180px;">
 <input id="form3" name="form3" method="POST" action="mailto:vsm@veneau.com">
 <label>
 <textarea name="textarea" cols="40" rows="10">Indiquez ici les pièces recherchées et tous détails pouvant nous aider à la trouver.</textarea>
 </label>
 </input></div>
<! -------------------------------------------------->
<div id="ENVOYER" style="position:absolute;z-index:10024;left:873px;top:1200px;width:261px;height:36px;"><form id="form4" name="form4" method="post" action="mailto:vsm@veneau.com">
<input id="form4" name="form4" method="post" action="mailto:vsm@veneau.com">
 <label>
 <input name="Submit" type="submit" value="Envoyer" />
 </label>
</input></form></div>
</body>
</html>

j'ai remplacé toute cette partie.bon ca ma foutu un bordel monstre question graphique car du coup les menus deroulant deviennent de simple zone texte a remplir.

et je recois cela par mail

textarea=Dans+le+cas+o%F9+le+moteur+n%27est+pas+de+la+m%EAme+marque+que+l%27appareil+inscrivez+les+num%E9ros+de+s%E9rie+ici.&form3=&textarea=&form3=&textarea=Indiquez+ici+les+pi%E8ces+recherch%E9es+et+tous+d%E9tails+pouvant+nous+aider+%E0+la+trouver.&form4=&Submit=Envoyer

dur....:mouai:

Lien à poster
Partager sur d’autres sites

Annonces
Maintenant

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×