如何制作HTML表单电子邮件结果

时间:2018-12-18 21:11:40

标签: html

我制作了一个html表单,希望它通过电子邮件将结果发送给我,因此我可以评估答案,然后将其添加到我的网站中。我希望电子邮件看起来像这样:

名称:名称

电子邮件: EMAIL

标题:标题

messige: massige

当前程序:

<!DOCTYPE html>
<html>
</body>
  <form>
     name<br>
     <input type="text" name="name" id="user_input"><br>
    email<br>
     <input type="email" name="email" id="user_input"><br>
     title<br>
     <input type="text" name="title" id="user_input"><br>
     message<br>
     <textarea id="msg" name="user_message"></textarea>
  </form>
<div class="button">
  <button type="submit">submit</button>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

如果您不想使用PHP / Node.js /另一种技术,则可以使用Formspree API。您的html如下所示:

<form action="https://formspree.io/your@email.com" method="POST">
  <input type="text" name="name">
  <input type="email" name="_replyto">
  <input type="submit" value="Send">
</form>

您在这里注册了一个帐户:https://formspree.io/。您将在收件箱中收到表单提交。

另一种替代方法是添加“ mailto”链接,而不是完整的联系表。这将创建一个链接,该链接打开用户的默认电子邮件系统(例如gmail / outlook / mail),并允许他们从收件箱中向您发送电子邮件。 “%0D%0A%0D%0A”部分在电子邮件中创建新行:

<a href="mailto:YOUREMAIL@gmail.com?subject=Hello&body=Hello Owen,%0D%0A%0D%0AI'm interested in xyz thing on your website%0D%0A%0D%0A" target="_blank">