Bonjour à toutes et à tous,
je commence tout juste à apprendre le code HTML. Aussi, pour m'entraîner j'ai pris le template d'un site tout fait et j'essaie de changer le code pour créer mon propre site. Seulement, je bloque sur un point et j'ai du mal à trouver la réponse.
Dans le template, il y a une page "Contact". Sur cette page, on remplit un formulaire pour envoyer un mail à l'auteur. Or, je souhaiterais que lorsqu'on appuie sur le bouton "Send", le message soit envoyé sur mon adresse mail. Malgré de multiples tentatives, cela ne fonctionne pas...
Voici le bout de code en question (en gras, le passage qui m'intéresse) :
<form name="sentMessage" id="contactForm" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label>
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn btn-default">Send</button>
</div>
</div>
</form>
Merci énormément d'avance pour votre aide !
Excellente journée à vous !
Faut du PHP.
Remonte D'accord, merci. Par contre, je n'ai pas encore entamé le PHP. Serait-ce difficile pour toi de m'expliquer ? Autrement, y'a-t-il un autre moyen, pour éviter de passer par du PHP ?
Si ça peut d'aider :
http://epicadesign.fr/creer-un-formulaire-de-contact-avec-html5-et-php/
Remonte Encore merci mais, clairement, pour le moment je n'ai pas le niveau pour gérer du PHP ^^. Existe-t-il un moyen de créer des formulaires pas trop dégueu, uniquement avec du code HTML s'il te plaît =) ?
Si j'oublie l'idée du formulaire, et que je crée simplement une balise <a href="mon mail">Me contacter</a>, cela suffirait-il pour que l'on puisse m'envoyer un message ?
Le 15 mai 2015 à 15:40:46 gradius a écrit :
Si j'oublie l'idée du formulaire, et que je crée simplement une balise <a href="mon mail">Me contacter</a>, cela suffirait-il pour que l'on puisse m'envoyer un message ?
Tu ne peux pas faire de formulaire d'envoi de mail sans PHP ou un autre langage côté serveur.
Par contre tu peux utiliser un mailto
<a href="mailto:adresse@domaine.fr">ici</a>
En cliquant sur le lien ça ouvrira ton client mail installé sur ton ordi (Outlook, ThunderBird, Mail d'Apple)
amiral-crevard C'est pas pratique, de toute façon il perdras rien à utiliser un script déjà fait
Sinon gradius installes XAMPP, et utilise un script déjà fait
Tiens voilà un petit script pour la réception d'un mail, je t'ai insérer quelques commentaires pour t'aider à la modification de ce script.
Oublie pas de créer un Fake SendMail !
<?php
if(isset($_POST['mailform']))
$header="MIME-Version: 1.0\r\n";
$header.='From:"<!-- Ton site web -->"<support@<!-- Ton site web -->>'."\n";
$header.='Content-Type:text/html; charset="uft-8"'."\n";
$header.='Content-Transfer-Encoding: 8bit';
$message='
<html>
<body>
<div align="center">
<img src="<!-- Une image d une bannière -->"/>
<br />
<!-- Un petit texte si tu veux -->
<br />
<img src="<!-- Une image d un séparateur -->"/>
</div>
</body>
</html>
';
mail("<!-- Ton adresse e-mail -->", "<!-- Un petit texte -->", $message, $header);
}
?>
<form method="POST" action="">
<input type="submit" value="Recevoir un mail !" name="mailform"/>
</form>