Sujet Précédent Sujet Suivant

Besoin d'aide i am a noob!!! (FORMULAIRE)

Djoul -  
bloodyweld Messages postés 73 Statut Membre -
Bonjour,
voila je suis actuellement en stage dans une entreprise et je suis en train de concevoir un site Internet avec une page de contact (formulaire). J'ai utilisé le logiciel dreamweaver CS3 et mon hebergeur est amen.fr
Tout fonctionne bien mis à part que le mail que je reçois lorsque l'utilisateur envoie ses données est quasi illisible.
Le pb est que je n'y connait rien du tout en code et j'aurais vraiment besoin d'un ptit coup de main pour modifier la mise en page du mail reçu. Quelqu'un pourrait m'aider?

<!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>
<link rel="shortcut icon" type="image/x-ico" href="favicon(2).ico" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact</title>
<style type="text/css">
<!--
body {
background-color: #FFFF66;
}
.Style1 {
color: #FF0000;
font-family: Algerian;
font-size: 48px;
}
-->
</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style2 {
color: #000000;
font-size: 14px;
font-family: "Comic Sans MS";
}
-->
</style>

<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.Style3 {font-size: 36px}
-->
</style>
</head>

<body>
<div align="center" class="Style1">
<p class="Style3">CONTACTEZ-NOUS</p>
</div>
<form id="contact" name="contact" method="post" action="mailto:mon mail" >
<div align="center"></div>

<div align="center">
<p class="Style2">Pour nous contacter, vous pouvez remplir ce formulaire en y inscrivant votre message. </p>
<table width="685" border="1">
<tr>
<td width="121"><div align="center">Titre de civilité</div></td>
<td width="548"><label>
<input type="radio" name="radio" id="Monsieur" value="Monsieur" />
Monsieur
<input type="radio" name="radio" id="Madame" value="Madame" />
Madame
<input type="radio" name="radio" id="Mademoiselle" value="Mademoiselle" />
Mademoiselle</label></td>
</tr>
<tr>
<td><div align="center">Nom</div></td>
<td><span id="sprytextfield1">
<label>
<input type="text" name="Nom" id="Nom" />
</label>
<span class="textfieldRequiredMsg">Une valeur est requise.</span></span></td>
</tr>
<tr>
<td><div align="center">Société</div></td>
<td><label><span id="sprytextfield8">
<input type="text" name="Société" id="Société" />
</span></label></td>
</tr>
<tr>
<td><div align="center">Adresse</div></td>
<td><span id="sprytextfield2">
<label>
<input type="text" name="Adresse" id="Adresse" />
</label>
<span class="textfieldRequiredMsg">Une valeur est requise.</span></span></td>
</tr>
<tr>
<td><div align="center">Code Postal</div></td>
<td><span id="sprytextfield3">
<label>
<input type="text" name="Code_postal" id="Code_postal" />
</label>
<span class="textfieldRequiredMsg">Une valeur est requise.</span><span class="textfieldInvalidFormatMsg">Format non valide.</span></span></td>
</tr>
<tr>
<td><div align="center">Ville</div></td>
<td><span id="sprytextfield4">
<label>
<input type="text" name="Ville" id="Ville" />
</label>
<span class="textfieldRequiredMsg">Une valeur est requise.</span></span></td>
</tr>
<tr>
<td><div align="center">Pays</div></td>
<td>
<label></label> <span class="textfieldRequiredMsg">Une valeur est requise.</span><span id="spryselect1">
<label></label>
</span><span id="spryselect2">
<label>
<select name="liste_pays" size="1" id="liste_pays">
<option selected="selected">Sélectionnez un élément.</option>
<option>Afghanistan</option>
<option>Albania</option>
<option>Algeria</option>
<option>Andorra</option>
<option>Angola</option>
<option>Anguilla</option>
<option>Antigua & Barbuda</option>
<option>Argentina</option>
<option>Armenia</option>
<option>Aruba</option>
<option>Australia</option>
<option>Austria</option>
<option>Azerbaijan</option>
<option>Bahamas</option>
<option>Bahrain</option>
<option>Bangladesh</option>
<option>Barbados</option>
<option>Belarus</option>
<option>Belgium</option>
<option>Belize</option>
<option>Benin</option>
<option>Bermuda</option>
<option>Bhutan</option>
<option>Bolivia</option>
<option>Bosnia Herzegovina</option>
<option>Botswana</option>
<option>Brazil</option>
<option>British Virgin Islands</option>
<option>Brunei Darussalam</option>
<option>Bulgaria</option>
<option>Burkina Faso</option>
<option>Burma Myanmar</option>
<option>Burundi</option>
<option>Cambodia</option>
<option>Cameroon</option>
<option>Canada</option>
<option>Cape Verde</option>
<option>Cayman Islands</option>
<option>Central African Republic</option>
<option>Chad</option>
<option>Chile</option>
<option>China</option>
<option>Colombia</option>
<option>Comoros</option>
<option>Congo Democratic Republic of the</option>
<option>Congo Republic of the</option>
<option>Costa Rica</option>
<option>Cote dIvoire Ivory Coast</option>
<option>Croatia</option>
<option>Cyprus</option>
<option>Czech Republic</option>
<option>Denmark</option>
<option>Djibouti</option>
<option>Dominica</option>
<option>Dominican Republic</option>
<option>Ecuador</option>
<option>Egypt</option>
<option>El Salvador</option>
<option>Equatorial Guinea</option>
<option>Eritrea</option>
<option>Estonia</option>
<option>Ethiopia</option>
<option>Faroe Islands</option>
<option>Fiji</option>
<option>Finland</option>
<option>France</option>
<option>French Guiana</option>
<option>French Polynesia</option>
<option>Gabon</option>
<option>Gambia</option>
<option>Georgia Republic of</option>
<option>Germany</option>
<option>Ghana</option>
<option>Gibraltar</option>
<option>Great Britain & Northern Ireland</option>
<option>Greece</option>
<option>Greenland</option>
<option>Grenada</option>
<option>Guadeloupe</option>
<option>Guatemala</option>
<option>Guinea</option>
<option>Guinea Bissau</option>
<option>Guyana</option>
<option>Haiti</option>
<option>Honduras</option>
<option>Hong Kong</option>
<option>Hungary</option>
<option>Iceland</option>
<option>India</option>
<option>Indonesia</option>
<option>Iran</option>
<option>Ireland Eire</option>
<option>Israel</option>
<option>Italy</option>
<option>Jamaica</option>
<option>Japan</option>
<option>Jordan</option>
<option>Kazakhstan</option>
<option>Kenya</option>
<option>Kiribati</option>
<option>Korea Republic of South</option>
<option>Kuwait</option>
<option>Kyrgyzstan</option>
<option>Laos</option>
<option>Latvia</option>
<option>Lebanon</option>
<option>Lesotho</option>
<option>Liberia</option>
<option>Libya</option>
<option>Liechtenstein</option>
<option>Lithuania</option>
<option>Luxembourg</option>
<option>Macao</option>
<option>Macedonia Republic of</option>
<option>Madagascar</option>
<option>Malawi</option>
<option>Malaysia</option>
<option>Maldives</option>
<option>Mali</option>
<option>Malta</option>
<option>Martinique</option>
<option>Mauritania</option>
<option>Mauritius</option>
<option>Mexico</option>
<option>Moldova</option>
<option>Mongolia</option>
<option>Montserrat</option>
<option>Morocco</option>
<option>Mozambique</option>
<option>Namibia</option>
<option>Nauru</option>
<option>Nepal</option>
<option>Netherlands</option>
<option>Netherlands Antilles</option>
<option>New Caledonia</option>
<option>New Zealand</option>
<option>Nicaragua</option>
<option>Niger</option>
<option>Nigeria</option>
<option>Norway</option>
<option>Oman</option>
<option>Pakistan</option>
<option>Panama</option>
<option>Papua New Guinea</option>
<option>Paraguay</option>
<option>Peru</option>
<option>Philippines</option>
<option>Pitcairn Island</option>
<option>Poland</option>
<option>Portugal</option>
<option>Qatar</option>
<option>Reunion</option>
<option>Romania</option>
<option>Russia</option>
<option>Rwanda</option>
<option>Saint Helena</option>
<option>Saint Lucia</option>
<option>Saint Pierre & Miquelon</option>
<option>Saint Vincent & Grenadines</option>
<option>San Marino</option>
<option>Sao Tome & Principe</option>
<option>Saudi Arabia</option>
<option>Senegal</option>
<option>Serbia Montenegro Yugoslavia</option>
<option>Seychelles</option>
<option>Sierra Leone</option>
<option>Singapore</option>
<option>Slovak Republic Slovakia</option>
<option>Slovenia</option>
<option>Solomon Islands</option>
<option>South Africa</option>
<option>Spain</option>
<option>Sri Lanka</option>
<option>St. Christopher St. Kitts & Nevis</option>
<option>Sudan</option>
<option>Suriname</option>
<option>Swaziland</option>
<option>Sweden</option>
<option>Switzerland</option>
<option>Syrian Arab Republic Syria</option>
<option>Taiwan</option>
<option>Tajikistan</option>
<option>Tanzania</option>
<option>Thailand</option>
<option>Togo</option>
<option>Tonga</option>
<option>Trinidad & Tobago</option>
<option>Tristan da Cunha</option>
<option>Tunisia</option>
<option>Turkey</option>
<option>Turkmenistan</option>
<option>Turks & Caicos Islands</option>
<option>Tuvalu</option>
<option>Uganda</option>
<option>Ukraine</option>
<option>United Arab Emirates</option>
<option>United States</option>
<option>Uruguay</option>
<option>Uzbekistan</option>
<option>Vanuatu</option>
<option>Vatican City</option>
<option>Venezuela</option>
<option>Vietnam</option>
<option>Wallis & Futuna Islands</option>
<option>Western Samoa</option>
<option>Yemen</option>
<option>Zambia</option>
<option>Zimbabwe</option>
</select>
</label>
</span></td>
</tr>
<tr>
<td><div align="center">Téléphone</div></td>
<td><span id="sprytextfield5">
<label>
<input type="text" name="Telephone" id="Telephone" />
</label>
<span class="textfieldRequiredMsg">Une valeur est requise.</span><span class="textfieldInvalidFormatMsg">Format non valide.</span></span></td>
</tr>
<tr>
<td><div align="center">Fax</div></td>
<td><label><span id="sprytextfield7">
<input type="text" name="Fax" id="Fax" />
<span class="textfieldInvalidFormatMsg">Format non valide.</span></span></label></td>
</tr>
<tr>
<td><div align="center">Mail</div></td>
<td><label><span id="sprytextfield6">
<input type="text" name="Mail" id="Mail" />
<span class="textfieldRequiredMsg">Une valeur est requise.</span><span class="textfieldInvalidFormatMsg">Format non valide.</span></span></label></td>
</tr>
<tr>
<td><div align="center">Votre message</div></td>
<td><span id="sprytextarea1">
<label>
<textarea name="msg" id="msg" cols="45" rows="5"></textarea>
</label>
<span class="textareaRequiredMsg">Une valeur est requise.</span></span></td>
</tr>
</table>
<input name="Envoyer" type="submit" value="Envoyer" />
<input name="Rétablir" type="reset" id="Rétablir" value="Rétablir" />

</label>
</div>
</div>
</form>
<p align="center">Notre N° téléphone : 03.27.64.77.56</p>
<p align="center">Notre N° Fax : 03.27.60.70.62</p>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "zip_code", {format:"zip_custom", pattern:"00 000", hint:"00 000", useCharacterMasking:true, validateOn:["blur", "change"]});
var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5", "phone_number", {format:"phone_custom", pattern:"00.00.00.00.00", hint:"00.00.00.00.00", useCharacterMasking:true, validateOn:["blur", "change"]});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "email");
var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7", "custom", {pattern:"00.00.00.00.00", hint:"00.00.00.00.00", validateOn:["blur", "change"], useCharacterMasking:true, isRequired:false});

var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {isRequired:false});
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8", "none", {isRequired:false});
//-->
</script>

</body>
</html>

Merci d'avance pcq la je suis vraiment pommé!
Djoul
A voir également:

2 réponses

Réponse 1 / 2
bloodyweld Messages postés 73 Statut Membre 14
 
Salut,
va jeter un coup d'oeil par là :
https://www.commentcamarche.net/contents/493-formulaires-html-cours-et-exemples

et pourrais-t-on voir ce fameux message illisible ?
0
Djoul
 
voila le mail que je recis sur la BAL de l'entreprise :
radio=Monsieur&Nom=COURTIN&Soci%C3%A9t%C3%A9=ALC+Construction&Adresse=54+rue+de+maubeuge&Code_postal=59+131&Ville=Rousies&liste_pays=S%C3%A9lectionnez+un+%C3%A9l%C3%A9ment.&Telephone=06.14.67.05.19&Fax=&Mail=wmaster59%40hotmail.com&msg=CECI+EST+UN+TEST%21%21&Envoyer=Envoyer

donc c'est ce message que je voudrais faire apparaitre plus clairement.
merci pour ton lien je vais y faire un tour de suite!
0
Réponse 2 / 2
bloodyweld Messages postés 73 Statut Membre 14
 
"%C3%A9" correspond au "é" et les "+" aux "espaces" je suppose.
Ceux sont des éléments qui ont l'air de ne pas être reconnu lorsqu'il passe par ton formulaire.
Je n'ai pas de solution dans l'immédiat, je serais plutôt du genre à contourner l'obstacle en changeant de manière de procéder.
0

Discussions similaires

Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
i tréma
Anonyme -
Anonyme -

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

1 réponse
i sans point sur clavier azerty
Yourmslia -
jordane45 -

1 réponse
les 2 petits points sur le e ou sur le i
mimjca -
mimjca -

2 réponses