如何使“联系我们”部分在静态网站中工作,例如使用JavaScript和HTML发送电子邮件


how to make contact us section working in static website like sending email using javascript and html?

如何使"联系我们"部分在静态网站而不是服务器端语言中工作,因为我想让它与html一起使用,javascript就像该人在表单中输入姓名,电子邮件和消息一样,然后单击发送,网站所有者将人员数据接收到他的电子邮件帐户,请向我发送JavaScript和HTML的代码,我该如何做这项工作。

我同意尼基的观点。

但是,如果您仍然想从静态HTML中获取表单值,则可以执行以下操作:

<form action="mailto:owner@example.com" method="post" enctype="text/plain">
...
</form>

但是,它只会打开一个正文包含原始键=值对的电子邮件客户端......类似的东西

field1=myvalue&field2=anothervalue

在服务器端没有任何内容(没有PHP等),您只能使用:

1)带有href的链接,如"mailto:someone@somewhere.com?subject=something"。即,您可以使用JS中挂钩的表单提交按钮来执行此操作客户端,以将window.location.href更改为附加了电子邮件地址和主题的邮件。您必须进行 URL 编码。您也可以附加正文,但整个 URL 必须以 ~2000 个字符结束。

2) 您的表单提交到或调用的第三方站点上的服务器端内容,而不是您自己的服务器上的内容。即可以接受表单发布并通过电子邮件发送给您的网络服务。

优点和缺点:

  • 1 缺点 - 需要与 Web 浏览器在同一台计算机上使用邮件客户端。有些可能没有。
  • 1 缺点 - 无法轻松地从表单中获取富文本输入并提交,但用户可以使用邮件客户端键入富文本并附加文件。
  • 1 Pro - 一切都是客户端。
  • 1 Pro - 最容易实现。

  • 2 专业版 - 无需邮件客户端。您可以使用 HTML 表单并提交该表单。

  • 2 Pro - 您可以使用具有多个字段/富文本等的表单。
  • 2 缺点 - 可能是付费服务,所以额外费用。
  • 2 缺点 - 实施起来更复杂。
  • 2 缺点 - 安全问题,因此需要仔细检查。其他人可以使用它发送电子邮件,假装它是从您的网站提交表单的客户吗?

这不能单独通过 HTMLJavascript 来完成。发送电子邮件意味着您必须使用邮件协议,这是服务器可以发出的一种特殊请求,而JS无法做到这一点。如果你真的想这样做,你应该看看第三方电子邮件程序。但我建议你,只要每年多花6美元买一台服务器,你就会得到php。php只是几行代码,可以在1中完成。这真的很容易。