2015-09-27 118 views
1

我有一個表格在HTML與一個提交按鈕:請提交按鈕發送電子郵件,詳細說明在HTML

<button type="submit" class="subscribe-submit" onclick="return foo()">Subscribe</button> 

我想它有書面形式的細節被髮送到我的個人電子郵件地址。

我已經搜索了堆棧溢出,谷歌,Bing和雅虎,但我無法找到答案

+0

一些如何,html標籤不會出現,除非點擊「編輯」按鈕 –

回答

2

你不能用純HTML做到這一點。但是,使用一點PHP可以讓你的表單準備就緒。

這裏是在一個單獨的文件形式處理PHP代碼稱爲form_handler.php一個例子:

<?php 
$field_name = $_POST['name']; 
$field_email = $_POST['email']; 
$field_message = $_POST['comment']; 

$mail_to = '[email protected]'; 
$subject = 'Message from a site visitor '.$field_name; 

$body_message = 'From: '.$field_name."\n"; 
$body_message .= 'E-mail: '.$field_email."\n"; 
$body_message .= 'Message: '.$field_message; 

$headers = 'From: '.$field_email."\r\n"; 
$headers .= 'Reply-To: '.$field_email."\r\n"; 

$mail_status = mail($mail_to, $subject, $body_message, $headers); 

if ($mail_status) { ?> 
    <script language="javascript" type="text/javascript"> 
     alert('Thank you for the feedback.'); 
     window.location = 'form.html'; 
    </script> 
<?php 
} 
else { ?> 
    <script language="javascript" type="text/javascript"> 
     alert('Something went wrong. Please try again or contact at [email protected]'); 
     window.location = 'form.html'; 
    </script> 
<?php 
} 

?> 

下面是在一個名爲form.html文件的HTML表單:

<html> 
<head> 
</head> 
<body> 
    <form name="form" action="form_handler.php" method="POST"> 
     <label class="name">Name</label> 
     <br> 
     <input name="name" type="text" required="required"> 
     <br> 
     <label class="email">E-Mail</label> 
     <br> 
     <input name="email" type="email" required="required"> 
     <br> 
     <label class="comment">Comment</label> 
     <br> 
     <textarea name="comment"></textarea> 
     <br> 
     <input type="submit" name="submit" value="Subscribe" align="center"> 
    </form> 
</body> 
</html> 

我建議你學習一些關於PHP和表單處理的知識。您可能需要更改字段,但我認爲您會明白。