📅  最后修改于: 2023-12-03 15:37:03.148000             🧑  作者: Mango
在 HTML 页面中,用户可以单击一个链接或按钮,以在用户默认的电子邮件客户端中发送电子邮件。以下是如何在 HTML 中创建一个电子邮件链接。
在 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
。
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 文档中发送电子邮件的方法,根据需求可以选择一种适合自己项目的方法。注意,使用电子邮件链接和表单提交都需要用户有默认的电子邮件客户端,并且用户需要确认发送电子邮件。