HTML Mailto 提交按钮

在本文中，我们将介绍如何使用HTML在提交按钮中添加Mailto功能。Mailto是一种超链接，用于在用户点击按钮时打开默认的邮件客户端，并预填写收件人、主题等邮件内容。

阅读更多：HTML 教程

HTML Mailto

HTML Mailto用于在网页中创建邮件链接。当用户点击这个链接时，会自动打开默认的邮件客户端，同时将预填写的收件人、主题和正文等信息带入。

创建HTML Mailto链接非常简单，只需要使用<a>标签，并在href属性中加入mailto:email_address即可。例如：

<a href="mailto:example@gmail.com">发送邮件</a>

上述代码会在网页中创建一个“发送邮件”的链接，点击该链接将会打开默认的邮件客户端，并将邮件发送到example@gmail.com。

在提交按钮中添加HTML Mailto

我们也可以在提交按钮中添加HTML Mailto，当用户点击该按钮时，会直接打开邮件客户端，并预填写好的邮件内容。

首先，我们需要使用<form>元素创建一个表单，其中包含邮件相关的输入字段，例如收件人、主题、正文等。示例代码如下：

<form action="mailto:example@gmail.com" method="post" enctype="text/plain">
  <label for="to">收件人：</label>
  <input type="email" name="to" id="to" required><br>
  <label for="subject">主题：</label>
  <input type="text" name="subject" id="subject" required><br>
  <label for="message">内容：</label><br>
  <textarea name="message" id="message" required></textarea><br>
  <input type="submit" value="发送邮件">
</form>

上述代码将创建一个包含收件人、主题和正文的表单，并将表单的action属性设置为mailto:example@gmail.com，这意味着提交按钮将会使用Mailto链接发送邮件到example@gmail.com。

请注意，这里的method属性设置为post，enctype属性设置为text/plain。这是为了确保在邮件客户端中显示的邮件内容格式正确。

示例

以下是一个完整的HTML Mailto提交按钮的示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>HTML Mailto Submit Button</title>
</head>
<body>
  <h1>发送邮件</h1>
  <form action="mailto:example@gmail.com" method="post" enctype="text/plain">
    <label for="to">收件人：</label>
    <input type="email" name="to" id="to" required><br>
    <label for="subject">主题：</label>
    <input type="text" name="subject" id="subject" required><br>
    <label for="message">内容：</label><br>
    <textarea name="message" id="message" required></textarea><br>
    <input type="submit" value="发送邮件">
  </form>
</body>
</html>

将以上代码复制到一个新的HTML文件中，用浏览器打开该文件。您将看到一个包含收件人、主题和正文输入框以及一个提交按钮的表单。

当您填写好收件人、主题和正文并点击“发送邮件”按钮时，会自动打开默认的邮件客户端，并预填写好相关的邮件内容。您只需按下发送按钮，即可完成邮件的发送。