2015-09-05 3 views
-2

Так что я сделал себе сайт. Поскольку у меня есть планы на использование, мне нужно помочь кому-то :)Почтовый ящик для HTML-сайта

Мне нужно, чтобы пользователи заполнили несколько ящиков, а затем отправили их на мой адрес электронной почты по адресу [email protected]

Поскольку я немного новый, я не знаю, как это сделать.

Форма: http://imgur.com/U5Q3jrE Это мой код:

 <form action="../index.html" method="post" class="message"> 
      <input type="text" value="Naam" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
      <input type="text" value="E-mail" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
      <input type="text" value="Onderwerp" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
      <textarea></textarea> 
      <input type="submit" value="Send"/> 
     </form> 

Теперь то, что мне нужно, что оно не принесет мне индексную страницу, но показать сообщение с кем-то вроде: «Ваше сообщение отправлено» и что он отправляет его на мой адрес электронной почты, потому что на данный момент он не отправляет его ни на что.

Еще раз я довольно новый поэтому, пожалуйста, простите мой noobness: P

Спасибо всем, Waylon194

+4

с помощью только html вы не можете этого добиться. Вы должны использовать язык на стороне сервера, например php или java. – aimme

+0

. Вам нужен php для этого: http://php.net/manual/function.mail.php – Arturo

+0

Вы не можете отправить электронное письмо с помощью клиентского JavaScript, сервер должен поддерживать протокол электронной почты для отправки сообщений электронной почты –

ответ

0

Ok вот HTML код PHP, который может быть использован для электронной почты, который вы можете начать с.

Входы пользователя должны всегда подвергаться санитарной обработке соответственно. Этот код предназначен только для демонстрации.

<?php 
//if "email" variable is filled out, send email 
    if (isset($_REQUEST['email'])) { 

    //Email information 
    $admin_email = "[email protected]"; 
    $email = $_REQUEST['email']; 
    $subject = $_REQUEST['subject']; 
    $comment = $_REQUEST['comment']; 

    //send email 
    mail($admin_email, "$subject", $comment, "From:" . $email); 

    //Email response 
    echo "Thank you for contacting us!"; 
    } 

    //if "email" variable is not filled out, display the form 
    else { 
?> 

<form method="post"> 
    Email: <input name="email" type="text" /><br /> 
    Subject: <input name="subject" type="text" /><br /> 
    Message:<br /> 
    <textarea name="comment" rows="15" cols="40"></textarea><br /> 
    <input type="submit" value="Submit" /> 
    </form> 

<?php 
    } 
?> 
+0

сколько вы знаете? – aimme

+0

@ Waylon194 - Написание полного руководства для начинающих по программированию на стороне сервера является слишком широкой темой для Stackoverflow. Я предлагаю вам найти вводный учебник. – Quentin

+0

Я согласен с @Quentin, но просто даю ему понять, что серверная сторона необходима для этого. просто давая ему идею, чтобы начать знать :) – aimme

-2

Вы можете использовать MailTo функции HTML тег формы в сочетании с небольшой функцией Jquery.

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
</head> 
<body> 
    <div id="Thankyouoption"> 

    </div> 

<FORM METHOD="post" ACTION="mailto:[email protected]" ENCTYPE="text/plain"> 
       <input type="text" value="Naam" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
       <input type="text" value="E-mail" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
       <input type="text" value="Onderwerp" onFocus="this.select();" onMouseOut="javascript:return false;"/> 
       <textarea></textarea> 
       <input type="submit" id="submitbutton" value="Send"/> 
</form> 

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#submitbutton').click(function(){ 
       $('#Thankyouoption').text("Your message has been send"); 
      }); 
     }); 
</script> 
+1

'mailto:' как действие формы [слишком ненадежно] (http://isolani.co.uk/articles/mailto.html) для использования на WWW. – Quentin

+1

@ Waylon194 - Этот ответ является полным примером (хотя и полностью нарушенным на практике, который не должен использоваться).Вы должны быть более конкретными, если что-то об этом вы не понимаете. – Quentin

+0

Я не даю ни единого голоса, но его хорошо читать это для знания - http://stackoverflow.com/questions/7449767/how-do-i-send-an-html-form-in-an- email-not-just-mailto – aimme

Смежные вопросы