enctype 编码的 3 个可能值

  • application/x-www-form-urlencoded 是大多数简单 HTML 表单的正确选项。如果未指定 enctype 属性,则为默认值。
  • 当用户需要通过表单上传文件时,multipart/form-data 是必需的。
  • text/plain 是一个有效的选项,尽管它发送的数据根本没有任何编码。不推荐使用,因为它的行为很难预测。

创建 Mailto 表单的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
    <style>
      div {
        margin-bottom: 10px;
      }
    </style>
  </head>
  <body>
    <h2>Give Feedback to Our Website.</h2>
    <form action="mailto:info@onitroad.com" method="get" enctype="text/plain">
      <div>
        <label for="name">Name:
          <input type="text" name="name" id="name" />
        </label>
      </div>
      <div>
        <label for="email">Email:
          <input type="text" name="email" id="email" />
        </label>
      </div>
      <div>
        <label>Comments:</label>
        <br />
        <textarea name="comments" rows="12" cols="35">发送建议或者意见给我们</textarea>
      </div>
      <div>
        <input type="submit" name="submit" value="Send" />
        <input type="reset" name="reset" value="Clear Form" />
      </div>
    </form>
  </body>
</html>
HTML 如何创建 Mailto 表单

Mailto 表单在中用于与访问者保持联系,以便他们提供建议、提出问题或者提供反馈。
这些表单易于使用,它们通常包括电子邮件地址、用户名和消息文本区域的字段。

当访问者提交 Mailto 表单时,Mailto 链接会打开访问者的电子邮件客户端,其中填充了表单内容。

然后,访问者可以单击“发送”为 Web 管理员生成电子邮件。

要创建一个简单的 Mailto 表单,我们需要使用 <form> 元素及其操作(指定提交表单的地址(URL))、方法(指定提交表单时使用的 HTTP 方法)和 enctype(指定提交数据的编码)属性,插入一个 mailto: 链接、一个 <textarea> 元素和一个 <input> 元素来提交表单。

Mailto 表格的优点

Mailto 表单允许提出特定问题,而 Mailto 链接则不允许。
考虑到答案,我们可以轻松地对电子邮件进行排序并回答对回复至关重要的邮件。

此外,使用表单可以让我们不必总是在网页上显示电子邮件地址,这样垃圾邮件发送者就不会流动。

日期:2020-06-02 22:15:07 来源:oir作者:oir