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

Question

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

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

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

E.g。如果使用其他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

您可以使用HTML中的简单联系表单和PHP邮件程序。它很容易在您的网站上实现。您可以通过以下链接尝试演示： Simple Contact/Feedback Form in HTML-PHP mailer

否则，您可以通过以下链接观看演示视频：Youtube: Simple Contact/Feedback Form in HTML-PHP mailer

当您在localhost中运行时，可能会出现以下错误：

您可以在此链接中查看更多详细信息：Simple Contact/Feedback Form in HTML with php (HTML-PHP mailer)这是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

你不能，你可以用html做的唯一事情是打开你的默认电子邮件应用程序。您必须使用服务器代码发送电子邮件，php，asp .net ....

Answer 4

您无法使用javascript或html发送电子邮件。您需要使用php或其他技术的服务器端脚本来发送电子邮件。

Answer 5

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

Answer 6

简短回答，你不能。

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

Answer 7

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

基本上可以为这些服务器配置一个邮件服务器，该服务器负责随后发送电子邮件。服务器从您的HTTP帖子接收收件人，主题，正文等，然后将其填充到您要发送的邮件中。因此，从技术上来讲，仍然无法从HTML表单发送邮件，但结果是相同的。

其中一些解决方案可以作为SaaS解决方案购买，也可以自己托管。我仅举几例，但是我敢肯定，如果有人对技术或服务本身感兴趣的话，那肯定会很多。

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