Formulaire HTML avec listes déroulantes et bouton "send

07 mai 2007, 14:41

Bonjour à toutes et à tous,

Je souhaiterais créer un formulaire en HTML que des utilisateurs viendront remplir. Certaines champs seront libre et les autres seront des listes déroulantes. J'aimerais que mon formulaire dispose en bas de page d'un bouton "send" qui permette de faire un envoi du formulaire par mail vers une adresse mail fixe et qui sera en dure dans le codage.

Est-ce possible ? Puis-je vous demander de l'aide et des conseils ? Est-il possible de soumettre ici le début de mon codage ?

Par avance merci de vos réponses et bonne journée.

07 mai 2007, 14:47

Comme ce problème est relativement simple, plutôt que de t'aider à réinventer la roue, je te propose de suivre ce script qui te permet de réaliser ce que tu demandes :
http://www.salemioche.net/script-php-1.php

Si tu rencontres un problème de compréhension, de mise en place ou tout autre soucis, n'hésite surtout pas à revenir nous demander conseil dans ce thread

07 mai 2007, 15:17

Merci pour votre réponse rapide, je vais essayer de suivre les instructions que vous m'avez indiqué. Ce qui me rassure c'est que vous trouviez mon problème relativement simple donc normalement je devrais finir par avoir un résultat. Je reviens vers vous en cas de besoin ou de doute.

A plus tard

07 mai 2007, 16:28

Re-bonjour,

J'ai progressé et maintenant un mail est bien adressé à l'adresse que j'ai mise dans mon formulaire en "action". Par contre, le mail que je reçois n'a aucune mise en forme et il est totalement brut, comment lui faire une légère mise en forme ?

A + et merci

07 mai 2007, 16:49

Un mail "mis en forme", c'est un mail qui contient de l'HTML.

Il suffit que tu ajoutes à la variable $message le contenu HTML permettant de mettre en forme ton mail

07 mai 2007, 17:01

En fait, je n'ai pas de $message, mon adresse mail est inscrite directement dans mon html, il me bascule un mail avec une pièce jointe POSTDATA.ATT et ce fichier contient les réponses mais elles sont toutes collées les unes à la suite des autres. Ci-dessous mon codage :

<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>TEST MAIL</title>
</head>
<body>
<br>
<br>
<form method="post" action="mailto:[email protected]"><br>
  <span style="font-weight: bold;"><br>
  </span>
  <div style="margin-left: 40px;"><span
 style="font-weight: bold;">Merci de remplir les
diff&eacute;rents champs</span><br>
  <span style="font-weight: bold;"></span></div>
  <span style="font-weight: bold;"><br>
  </span>
  <table border="0">
    <tbody>
      <tr>
        <td>Nom</td>
        <td>
        <input name="nom" type="text"></td>
      </tr>
      <tr>
        <td>Pr&eacute;nom</td>
        <td>
        <input name="prenom" type="text"></td>
      </tr>
      <tr>
        <td>T&eacute;l&eacute;phone bureau </td>
        <td>
        <input name="telephone" type="text"></td>
      </tr>
      <tr>
        <td>T&eacute;l&eacute;phone mobile </td>
        <td>
        <input name="mobile" type="text"></td>
      </tr>
      <tr>
        <td>Fax</td>
        <td>
        <input name="fax" type="text"></td>
      </tr>
      <tr>
        <td>Adresse mail</td>
        <td>
        <input name="mail" type="text"></td>
      </tr>
      <tr>
        <td>Bureau</td>
        <td>
        <input name="bureau" type="text"></td>
      </tr>
      <tr>
        <td>Soci&eacute;t&eacute;</td>
        <td>
        <input name="societe" type="text"></td>
      </tr>
      <tr>
        <td>Direction</td>
        <td>
        <input name="direction" type="text"></td>
      </tr>
      <tr>
        <td>Service</td>
        <td>
        <input name="service" type="text"></td>
      </tr>
      <tr>
        <td>Fonction2</td>
        <td>
        <input name="fonction2" type="text"></td>
      </tr>
      <tr>
        <td>Sexe</td>
        <td>
Homme : <input name="sexe" value="M" type="radio">
        <br>
Femme : <input name="sexe" value="F" type="radio">
        </td>
      </tr>
      <tr>
        <td>Fonction</td>
        <td>
        <select name="fonction">
        <option value="enseignant">Enseignant</option>
        <option value="etudiant">Etudiant</option>
        <option value="ingenieur">Ing&eacute;nieur</option>
        <option value="retraite">Retrait&eacute;</option>
        <option value="autre">Autre</option>
        </select>
        </td>
      </tr>
      <tr>
        <td>Commentaires</td>
        <td>
        <textarea rows="3" name="commentaires">Tapez
ici vos commentaires</textarea>
        </td>
      </tr>
      <tr>
        <td colspan="2">
        <input value="Envoyer" type="submit"></td>
      </tr>
    </tbody>
  </table>
</form>
</body>
</html>

Avec mes remerciements pour la réactivité et les conseils. =D>

07 mai 2007, 17:42

Modération :
Sumacnaj, afin d'améliorer la lisibilité de ton message,
pense à utiliser les balises [code] ou [php] (selon le langage utilisé).

Elles sont disponibles au-dessus de la zone de saisie de ton message
lorsque tu postes un nouveau message.

Des indications sont disponibles sur la manière de mettre en forme vos messages dans la FAQ

09 mai 2007, 09:48

Bonjour et mes excuses,

En tant que nouveau membre, je ne maîtrise pas encore pleinement les règles mais je vais m'atteler à plus de lisibilité.

Code : Tout sélectionner

<html> 
<head> 
<meta content="text/html; charset=ISO-8859-1" 
http-equiv="content-type"> 
<title>TEST MAIL</title> 
</head> 
<body> 
<br> 
<br> 
<form method="post" action="mailto:[email protected]"><br> 
<span style="font-weight: bold;"><br> 
</span> 
<div style="margin-left: 40px;"><span 
style="font-weight: bold;">Merci de remplir les 
diff&eacute;rents champs</span><br> 
<span style="font-weight: bold;"></span></div> 
<span style="font-weight: bold;"><br> 
</span> 
<table border="0"> 
<tbody> 
<tr> 
<td>Nom</td> 
<td> 
<input name="nom" type="text"></td> 
</tr> 
<tr> 
<td>Pr&eacute;nom</td> 
<td> 
<input name="prenom" type="text"></td> 
</tr> 
<tr> 
<td>T&eacute;l&eacute;phone bureau </td> 
<td> 
<input name="telephone" type="text"></td> 
</tr> 
<tr> 
<td>T&eacute;l&eacute;phone mobile </td> 
<td> 
<input name="mobile" type="text"></td> 
</tr> 
<tr> 
<td>Fax</td> 
<td> 
<input name="fax" type="text"></td> 
</tr> 
<tr> 
<td>Adresse mail</td> 
<td> 
<input name="mail" type="text"></td> 
</tr> 
<tr> 
<td>Bureau</td> 
<td> 
<input name="bureau" type="text"></td> 
</tr> 
<tr> 
<td>Soci&eacute;t&eacute;</td> 
<td> 
<input name="societe" type="text"></td> 
</tr> 
<tr> 
<td>Direction</td> 
<td> 
<input name="direction" type="text"></td> 
</tr> 
<tr> 
<td>Service</td> 
<td> 
<input name="service" type="text"></td> 
</tr> 
<tr> 
<td>Fonction2</td> 
<td> 
<input name="fonction2" type="text"></td> 
</tr> 
<tr> 
<td>Sexe</td> 
<td> 
Homme : <input name="sexe" value="M" type="radio"> 
<br> 
Femme : <input name="sexe" value="F" type="radio"> 
</td> 
</tr> 
<tr> 
<td>Fonction</td> 
<td> 
<select name="fonction"> 
<option value="enseignant">Enseignant</option> 
<option value="etudiant">Etudiant</option> 
<option value="ingenieur">Ing&eacute;nieur</option> 
<option value="retraite">Retrait&eacute;</option> 
<option value="autre">Autre</option> 
</select> 
</td> 
</tr> 
<tr> 
<td>Commentaires</td> 
<td> 
<textarea rows="3" name="commentaires">Tapez 
ici vos commentaires</textarea> 
</td> 
</tr> 
<tr> 
<td colspan="2"> 
<input value="Envoyer" type="submit"></td> 
</tr> 
</tbody> 
</table> 
</form> 
</body> 
</html>

Par avance merci de vos réponses et à plus tard.

Formulaire HTML avec listes déroulantes et bouton "send

Qui est en ligne