想要HTML按钮发送包含输入详细信息的电子邮件

Question

哪里出错了？我希望这个按钮能够通过姓名和电子邮件地址向我发送电子邮件。

<form action="mailto:myemail@email.com" class="form-inline">
  <div class="form-group">
   <label for="subscriberName">name</label>
   <input type="text" name="subscriberName" class="center-block form-control" placeholder="name" />
  </div>

  <div class="form-group">
    <label for="subscriberEmail">email</label>
    <input type="email" name="subscriberEmail" class="center-block form-control form-subs-email" placeholder="email" />
  </div>

  <button type="submit" class="btn btn-default">Subscribe</button>
</form>

Answer 1

行动需要以mailto:

开头

<form action="mailto:myemail@email.com" class="form-inline">

另外，谢谢。我不知道你能做到这一点。

Answer 2

如果你真的想要走这条路。问题出在您的第一行代码中。看起来应该更像这样。

<form action="mailto:myemail@email.com?subject=newSubscriber" class="form-inline" enctype="text/plain"  method="post">

演示：JsFiddle

计划发送HTML表单2电子邮件？

要了解的事情。

是否有HTML代码可以从表单提交中发送电子邮件？

HTML中没有将表单提交直接发送到电子邮件地址的功能。

“mailto”怎么样？

使用mailto： 您可以将表单的操作字段设置为“mailto”。在这种情况下，Web浏览器会调用电子邮件客户端将表单提交发送到指定的电子邮件地址。

但是，此方法在浏览器之间不兼容。它也不是用户友好的;在表单提交时，它会抛出一条警告消息。有关此方法的更多详细信息，请参阅： 使用

发送电子邮件表格

JavaScript可以将表单提交发送到电子邮件地址吗？

没有。 JavaScript也无法发送电子邮件。如果客户端JavaScript允许以编程方式发送电子邮件，垃圾邮件发送者将是第一个利用它的人，你会讨厌你的网络浏览器！

那么，如何从HTML表单中获取电子邮件？

在进入解决方案之前，我将带您了解Web表单的一般结构。 Web表单包含两部分：您在浏览器中看到的表单的前端和在Web服务器上运行的后端脚本。

您的网络浏览器使用HTML前端代码显示表单。当您提交表单时，浏览器会将您在表单中提交的信息发送到后端。

要了解如何操作，我建议您在此处阅读。 http://www.html-form-guide.com/email-form/html-email-form.html