5568 sujets

Sémantique web et HTML

Problème page de contact HTML

Bonjour à tous,

Novice dans le html, j'essaie de finaliser ma page de contact.
Avec mon code, je ne parviens pas à recevoir les mails.

Voiçi mon code:

<!DOCTYPE html>
<html lang="fr">
<head>
<link href="/images/entete.gif" rel="icon" type="images/gif"/>
    <title>Contact</title>
    <meta charset="utf-8">
	<META NAME="author" CONTENT="monnom">
<META NAME="copyright" CONTENT="monnom">	
<META NAME="robots" CONTENT="None">	
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <script src="js/jquery-1.7.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/FF-cash.js"></script>
	<!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/fr-FR/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
	<![endif]-->
</head>
<body>

<!--==============================header=================================-->
  <header>
  	<div class="main">
      <div class="wrap">
          <h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
          <div class="slogan">Sécurité pour tous</div>
          <div class="tooltips">
          	<a href="#"><img src="images/icon-1.png" alt=""></a><a href="#"><img src="images/icon-2.png" alt=""></a><a href="#"><img src="images/icon-3.png" alt=""></a>
          </div>
      </div>
      <div class="nav-shadow">
      	<div>
          <nav>
              <ul class="menu">
                  <li><a href="index.html">A propos</a></li>
                  <li><a href="services.html">Services</a></li>
                  <li><a href="products.html">Produits</a></li>
                  <li><a href="employment.html">Job</a></li>
                  <li><a href="faq.html">FAQ</a></li>
                  <li class="current"><a href="contacts.html">Contact</a></li>
              </ul>    
          </nav>
         </div> 
      </div>
    </div> 
    <div class="header-content header-subpages"></div>
  </header> 
<!--==============================content================================-->
  <section id="content" class="content-subpages">
      <div>
      	<div class="wrap">
        	<div class="col-1 border-2">
            	<h2>Me contacter</h2>
                <form id="form" method="post" >
                  <fieldset>
                    <label><strong>Nom:</strong><input type="text" value=""></label>
                    <label><strong>Email:</strong><input type="text" value=""></label>
                    <label><strong>Phone:</strong><input type="text" value=""></label>
                    <label><strong>Message:</strong><textarea></textarea></label>
                    <div class="btns"><a href="#" class="link">Effacer</a><a href="#" class="link" onClick="document.getElementById('form').submit()">Envoyer</a></div>
                  </fieldset>  
                </form> 
            </div>
            <div class="col-2">
            	<h2 class="p2">Mes coordonnées</h2>
                <p><br>
Lundi- Vendredi: 7:30 - 18:00<br>
Samedi: 7:30  - Minuit<br>
</p>
                <div class="map">
                  <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
                </div>
                <dl>
                	<dt class="p4"><br></dt>
                    <dd><span>Telephone:</span>monnum</dd>
                    <dd><span>FAX:</span></dd>
                    <dd><span>E-mail:</span><a href="#" class="link">monmail</a></dd>
            	</dl>
            </div>    
        </div>
      </div>
  </section> 
<!--==============================footer=================================-->
  <footer>
      <p>© 2012 <a href="#" class="link">Security Group </a>texte <a class="link" href="http://www.cpehn.be" target="_blank" rel="nofollow">monnom</a></p>
      <p>Phone: +32 monnum &nbsp; Email: <a href="#" class="link">monmail</a></p>
  </footer>	
</body>
</html>


Si quelqu'un pouvait m'orienter sur la bonne voie, je serais content.

Merci d'avance pour toute aide apportée. Smiley smile
Salut,

Pour envoyer le mail 2 solutions:
- Faire un script sur le serveur qui traite les champs du formulaire
- Utilisé maito dans l'attribut action du form (action="mailto:example@truc.com")

Sinon concernant ton formulaire, il existe les boutons submit et reset (au lieu d'utilisé un lien et du javascript).
<form ...>
...
<input type="reset" /> <input type="submit" />
</form>

Comme tu utilise html5 autant aller jusqu'au bout : formulaires HTML5 : champ de type email et champ de type tel.
Et regarde aussi : Utilisez l’élément label dans les formulaires.
Re,

J'ai essayé de moidifier le code.

Je reçois le mail mais il reste sans objet ni expéditeur ni message.

Quelqu'un à une idée?
Il existe sur la toile de très bons formulaires entièrement commentés en PHP très facile à modifier. C'est ce que j'ai fait en ajoutant un filtre anti robot. C'est aussi un excellent moyen de s'initier au langage PHP
K3p' a écrit :
Il existe sur la toile de très bons formulaires entièrement commentés en PHP très facile à modifier. C'est ce que j'ai fait en ajoutant un filtre anti robot. C'est aussi un excellent moyen de s'initier au langage PHP

Je suis partit de la même idée en créant mon formulaire de contact. J'ai protégé les champs avec un certain nombre de regex, plus champ caché. Beaucoup mieux qu'un captcha qu'un homme lui même arrive souvent à peine à déchiffrer.

Je n'ai jamais été spamé.
Bonjour,

Merci pour ces infos mais, auriez-vous par hasard un lien vers un formulaire php que je pourrais modifier à ma sauce et compatible avec mon site actuel?

Je sais que google est mon ami dans ces cas là mais il y en à tellement que je préférerais me baser sur votre expérience apparemment réussie dans le domaine.

Merci d'avance pour votre aide
Bonsoir,

En réponse à un autre membre du forum ayant la même demande :

Pour mon formulaire j'étais partit de cet exemple :

http://www.tutoriels-video.fr/formulaire-de-contact-en-php/

Je l'avais fortement modifié, mais il fonctionne en l'état (j'ai utilisé la ressource disponible en téléchargement, qui est plus récente que celle présente sur la page). Je conseille de la compléter par les conseils de GrafikArt :

http://www.grafikart.fr/tutoriels/php/formulaire-php-21

http://www.grafikart.fr/tutoriels/php/formulaire-contact-avance-php-55

Et enfin de profiter du site Alsacreations pour être à jour en html5...

Voilà, bon travail !

Et joyeux temps de Noël,
Olivier
Sujet clos
Aller à