📜  单击按钮时如何创建允许在 HTML 文档中发送电子邮件的文本?(1)

📅  最后修改于: 2023-12-03 15:37:03.148000             🧑  作者: Mango

创建允许在 HTML 文档中发送电子邮件的文本

在 HTML 页面中,用户可以单击一个链接或按钮,以在用户默认的电子邮件客户端中发送电子邮件。以下是如何在 HTML 中创建一个电子邮件链接。

1. 使用 mailto 链接

在 HTML 中,可以使用 mailto: 链接来创建一个电子邮件链接。当用户单击该链接时,用户默认的电子邮件客户端将打开一个新电子邮件,可以预填入收件人、主题和正文。如下:

<a href="mailto:example@example.com?subject=Hello%20World&body=Hello%20there!">Email Me</a>

在上面的链接中,我们指定了收件人 example@example.com,主题为 Hello World,正文为 Hello there!。注意:当我们在 URL 中传递参数时,需要使用 URL 编码。例如,空格需要被编码成 %20

2. 使用表单提交

HTML 中的 form 元素可以用于提交数据到服务器。如果我们希望用户在我们的网站上发送电子邮件,我们可以使用表单提交。以下是示例代码:

<form action="mailto:example@example.com" method="post" enctype="text/plain">
  <label for="subject">Subject:</label>
  <input type="text" id="subject" name="subject"><br>
  <label for="body">Body:</label><br>
  <textarea id="body" name="body" rows="5" cols="50"></textarea><br>
  <input type="submit" value="Send">
</form>

在上面的表单中,我们指定了收件人 example@example.com,提交方式为 post,编码类型为 text/plain。表单中包含了一个文本输入框 subject 和一个文本域 body,用户可以在其中输入邮件主题和内容。表单提交后,用户默认的电子邮件客户端将打开一个新电子邮件,可以预填入收件人、主题和正文。

结论

以上是两种创建允许在 HTML 文档中发送电子邮件的方法,根据需求可以选择一种适合自己项目的方法。注意,使用电子邮件链接和表单提交都需要用户有默认的电子邮件客户端,并且用户需要确认发送电子邮件。