[HTML, JS] Jak dodać adres email do formularza z szablonu?

Dla specjalistów Webmastering
#1

Pobrałem darmowy szablon strony (link). Mam pytanie czy ten szablon zawiera skrypt wysyłania maila, czy tylko okienka do wpisania treści? Jeśli posiada to gdzie mogę zmienić adres, na który wysyła wiadomość?

Zaznaczam, że znam podstawy html i css, ale z js nic nie umiem.

Fragment kodu formularza html:

<form id="contacts-form" action="" method="post">
  <fieldset>
    <div class="field">
      <label>Twoje imię:</label>
      <input type="text" value=""/>
    </div>
    <div class="field">
      <label>Twój E-mail:</label>
      <input type="email" value=""/>
    </div>
    <div class="field">
      <label>Treść wiadomości:</label>
      <textarea></textarea>
    </div>
    <div><a href="#" onclick="document.getElementById('contacts-form').submit()">Wyślij wiadomość!</a></div>
  </fieldset>
</form>

Nazwy plików js:

  cufon-replace

  gallery_init

  Humanst521_BT_400.font

  IE9

  loopedslider.min

  roundabout_shapes

  cufon-yui

  html5

  Humanst521_Lt_BT_400.font

  jquery-1.4.2.min

  roundabout

#2

To jest tylko sam HTML. Jeśli chcesz wysłać emaila przez strone WWW to musisz użyć skrypt do tego. Np. w PHP będziesz musiał użyć funkcji mail() 

#3

Dzięki poszukam, a co oznacza ta linijka?

<div><a href="#" onclick="document.getElementById('contacts-form').submit()">Wyślij wiadomość!</a></div>
#4

To Jest Przycisk Wyślij Wiadomośc

p.s. pisze Wyślij Wiadomość ! Zaznaczyłem ↓

 

#5

Ja mam taki formularz:

 

<fieldset> 
<legend>Formularz kontaktowy</legend> 
<div class="eight columns">
<form action="mail.php" method="post" id="formularz">
<input type="text" class="contactForm" id="name" name="name" placeholder="Imię i Nazwisko">
<input type="text" class="contactForm" id="firma" name="firma" placeholder="Nazwa firmy">
<input type="text" class="contactForm" id="email" name="email" placeholder="Adres e-mail">
<input type="text" class="contactForm" id="phone" name="phone" placeholder="Numer telefonu">
<input type="text" class="contactForm" id="subject" name="subject" placeholder="Temat wiadomości">
 
<div> 
<textarea id="message" name="message" placeholder="Tekst wiadomości"></textarea>
</div>
 
<button type="submit" id="submit" name="submit">Wyślij wiadomość</button>
</form>
</div>
</fieldset>

 

za wysłanie formularza odpowiada :  action=“mail.php”

 

i tak wygląda zawartość tego pliku:

 

<?PHP
$to      = 'adres-email@coś-tam.pl';
$subject = $_POST['subject'];
$message = '<b>Imię i Nazwisko:</b>' . $_POST['name'] . "<br />\n" . '<b>Nazwa firmy:</b>' . $_POST['firma']  . "<br />\n" . '<b>Numer telefonu:</b>' . $_POST['phone'] . "<br />\n" . '<b>Adres email:</b>' . $_POST['email'] . "<br /><br />\n" .  $_POST['message'];
$headers = 'From: ' . $_POST['name'] . ' < ' . $_POST['email'] . "\r\n" .  'Reply-To: ' . $_POST['email'] . "\r\n" . 'Content-type: text/html; charset=utf-8';
 
mail($to, $subject, $message, $headers);
 
header( 'Location: http://<powrót na stronę główną' ); 
 
?>

 

 

może Ci się coś z tego przyda.

#6

nie wiem czy się z podoba, on ma lepszy skrypt

ty masz firme itd… po co to 

(Możliwe że z linijke można przełożyć !)

#7 
<form id="contacts-form" action="mail.php" method="post">
                <fieldset>
                  <div class="field">
                    <label>Twoje imię:</label>
                    <input type="text" value=""/>
                  </div>
                  <div class="field">
                    <label>Twój E-mail:</label>
                    <input type="email" value=""/>
                  </div>
				  <div class="field">
                    <label>Twój numer telefonu:</label>
                    <input type="phone" value=""/>
                  </div>
                  <div class="field">
                    <label>Treść wiadomości:</label>
                    <textarea></textarea>
                  </div>
                  <div><a href="#" onclick="document.getElementById('contacts-form').submit()">Wyślij wiadomość!</a></div>
                </fieldset>
              </form>

<?PHP
$to = 'adres-email@coś-tam.pl';
$subject = $_POST['mail kontaktowy'];
$message = '<b>Imię i Nazwisko:</b>' . $_POST['text'] . "<br />\n" . '<b>Numer telefonu:</b>' . $_POST['phone'] . "<br />\n" . '<b>Adres email:</b>' . $_POST['email'] . "<br /><br />\n" . $_POST['message'];
$headers = 'From: ' . $_POST['email'] . ' < ' . "\r\n" . 'Content-type: text/html; charset=utf-8';

mail($to, $subject, $message, $headers);
 
?>

Przerobiłem kod php krispa. Czy to jest poprawne i czy zadziała?

#8

Nie - musisz dodać to inputów pola name a następnie użyć ich przez tablice $_POST i będzie działało.

 

Swoją drogą 

<a href="#" onclick="document.getElementById('contacts-form').submit()">Wyślij wiadomość!</a>

zmień na 

<input type="submit" value="Wyślij wiadomość">

Wyjdzie na to samo a będzie bardziej estetyczne :slight_smile:

#9

Dzięki za pomoc. Wstawiłem na serwer i działa!