CONNEXION
  • RetourJeux
    • Tests
    • Soluces
    • Previews
    • Sorties
    • Hit Parade
    • Les + attendus
    • Tous les Jeux
  • RetourActu
    • Culture Geek
    • Astuces
    • Réalité Virtuelle
    • Rétrogaming
    • Toutes les actus
  • RetourHigh-Tech
    • Actus JVTECH
    • Bons plans
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTECH
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch
    • Xbox Series
    • Overwatch 2
    • FUT 23
    • League of Legends
    • Genshin Impact
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • PS4
  • One
  • Switch
  • Wii U
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Etoile Abonnement RSS

Sujet : Rediriger la balise <button> vers mon adresse mail

DébutPage précedente
1
Page suivantePage suivante
gradius gradius
MP
Niveau 10
15 mai 2015 à 14:44:40

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 !

Pseudo supprimé
Niveau 10
15 mai 2015 à 14:45:59

Faut du PHP.

gradius gradius
MP
Niveau 10
15 mai 2015 à 14:47:48

Remonte :d) 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 ?

Pseudo supprimé
Niveau 10
15 mai 2015 à 15:02:24

Si ça peut d'aider :
http://epicadesign.fr/creer-un-formulaire-de-contact-avec-html5-et-php/

:-p

gradius gradius
MP
Niveau 10
15 mai 2015 à 15:28:46

Remonte :d) 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 =) ?

gradius gradius
MP
Niveau 10
15 mai 2015 à 15:40:46

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 ?

Pseudo supprimé
Niveau 10
15 mai 2015 à 17:29:09

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)

Pseudo supprimé
Niveau 8
15 mai 2015 à 18:07:29

amiral-crevard :d) C'est pas pratique, de toute façon il perdras rien à utiliser un script déjà fait :-p
Sinon gradius installes XAMPP, et utilise un script déjà fait :ok:

IAMDARWIN IAMDARWIN
MP
Niveau 2
26 mai 2015 à 20:58:45

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>
DébutPage précedente
1
Page suivantePage suivante
Répondre
Prévisu
?
Victime de harcèlement en ligne : comment réagir ?
Infos 0 connecté(s)

Gestion du forum

Modérateurs : Thymotep
Contacter les modérateurs - Règles du forum

Sujets à ne pas manquer

La vidéo du moment