如何创建可以使用html发送电子邮件的电子邮件表单

Question

我知道很多例子都使用mailto:post动作来使用html表单发送电子邮件.

但实际上,使用它会弹出发送电子邮件对话框,例如outlook对话框,它实际上是使用我们自己的smtp服务器发送电子邮件.

反正是否有创建html表单只会在提交时发送电子邮件？

例如,如果使用其他javascript api可以达到效果吗？比如说node.js？

有人可以提供一些代码示例吗？

Answer 1

正如其他人所说,你做不到.你可以在网上找到HTML-php表单的好例子,这里有一个非常有用的链接,它结合了HTML和javascript进行验证,php用于发送电子邮件.

请查看源代码中的完整文章(包括zip示例):http: //www.html-form-guide.com/contact-form/php-email-contact-form.html

HTML:

<form method="post" name="contact_form"
action="contact-form-handler.php">
    Your Name:
    <input type="text" name="name">
    Email Address:
    <input type="text" name="email">
    Message:
    <textarea name="message"></textarea>
    <input type="submit" value="Submit">
</form>

JS:

<script language="JavaScript">
var frmvalidator  = new Validator("contactform");
frmvalidator.addValidation("name","req","Please provide your name");
frmvalidator.addValidation("email","req","Please provide your email");
frmvalidator.addValidation("email","email",
  "Please enter a valid email address");
</script>

PHP:

<?php
$errors = '';
$myemail = 'yourname@website.com';//<-----Put Your email address here.
if(empty($_POST['name'])  ||
   empty($_POST['email']) ||
   empty($_POST['message']))
{
    $errors .= "\n Error: all fields are required";
}
$name = $_POST['name'];
$email_address = $_POST['email'];
$message = $_POST['message'];
if (!preg_match(
"/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i",
$email_address))
{
    $errors .= "\n Error: Invalid email address";
}

if( empty($errors))
{
$to = $myemail;
$email_subject = "Contact form submission: $name";
$email_body = "You have received a new message. ".
" Here are the details:\n Name: $name \n ".
"Email: $email_address\n Message \n $message";
$headers = "From: $myemail\n";
$headers .= "Reply-To: $email_address";
mail($to,$email_subject,$email_body,$headers);
//redirect to the 'thank you' page
header('Location: contact-form-thank-you.html');
}
?>

Answer 2

您可以使用PHP中的简单联系表单与PHP邮件程序.它很容易在您的网站上实现.您可以从以下链接尝试演示: HTML-PHP邮件程序中的简单联系人/反馈表

否则,您可以通过以下链接观看演示视频:Youtube:HTML-PHP邮件程序中的简单联系人/反馈表

当您在localhost中运行时,您可能会收到以下错误:

您可以在此链接中查看更多详细信息:HTML中的简单联系人/反馈表单(HTML-PHP邮件程序)这是HTML表单的屏幕截图:

这是主要的PHP编码:

<?php
if($_POST["submit"]) {
    $recipient="yourmailid@domain.com"; //Enter your mail address
    $subject="Contact from Website"; //Subject 
    $sender=$_POST["name"];
    $senderEmail=$_POST["email"];
    $message=$_POST["comments"];
    $mailBody="Name: $sender\nEmail Address: $senderEmail\n\nMessage: $message";
    mail($recipient, $subject, $mailBody);
    sleep(1);
    header("Location:http://blog.antonyraphel.in/sample/"); // Set here redirect page or destination page
}
?>

Answer 3

由于该线程中的许多答案已经表明，不使用 PHP 或 JS 就不可能从静态 HTML 页面发送邮件。我只是想补充一点，有一些很棒的解决方案，它们将采用表单生成的 HTTP Post 请求并从中创建邮件。如果您不想将 JS 或 PHP 添加到您的网站，这些解决方案特别有用。

这些服务器基本上可以配置一个负责发送电子邮件的邮件服务器。服务器从您的 HTTP(S) 帖子接收接收者、主题、正文等，然后塞入您要发送的邮件中。因此，从技术上讲，仍然无法从 HTML 表单发送邮件，但结果是相同的。

其中一些解决方案可以作为 SaaS 解决方案购买，也可以自己托管。我只举几个例子，但我相信有很多，以防有人对技术或服务本身感兴趣。

• https://formspark.io/
• https://mailstatic.net/（开源）
• https://getform.io/

Answer 4

简短的回答，你不能。

HTML用于页面的结构，不能发送电子邮件，您需要一种服务器端语言（例如PHP）来发送电子邮件，您也可以使用第三方服务并让他们处理电子邮件送给你。

Answer 5

Html 本身不会发送电子邮件。您将需要连接到 SMTP 服务器来发送电子邮件。因此 Outlook 会弹出 mailto：否则您的表单将发送到具有发送电子邮件脚本的服务器。