联系表格 7 传递隐藏输入

介绍

联系表格 (Contact Form) 是网站常见的一种功能，它可以让用户填写信息并发送到网站的管理员或指定收件人后台进行处理。而隐藏输入 (Honeypot) 则是一种防止垃圾邮件机器人自动提交表单的常用技巧。

联系表格 7 是一款 WordPress 插件，提供了方便快捷的联系表格功能，并支持隐藏输入的防垃圾邮件机制。

使用方法

步骤一：安装与激活插件

在 WordPress 后台插件页面搜索 "Contact Form 7" 并安装，然后激活该插件。

步骤二：创建表单

在 WordPress 后台页面的 “联系表格” 菜单下，可以新建一个表单。表单可以自定义字段、标签、说明文字等内容。

步骤三：添加隐藏输入

在表单中添加一个隐藏输入，具体方式是在表单 HTML 代码中添加以下语句：

<p style="display: none;">This field should be left blank<input type="text" name="honey" tabindex="-1" autocomplete="off"></p>

这一语句将添加一个不可见的文本输入框，如果机器人自动填写表单，则该输入框中的值会被填充，而一般用户不会看到这个输入框，因此也不会填写此项。

步骤四：配置邮件收件人

在表单页面的“电子邮件”标签下，可以为表单配置邮件收件人。可以指定一个或多个收件人，同时还可以配置邮件主题、正文内容等信息。

示例

以下代码为一个包含隐藏输入的联系表格 HTML 代码示例。

<div class="contact-form">
  <form action="/submit" method="post">
    <p>Name:</p>
    <input type="text" name="name" required>

    <p>Email:</p>
    <input type="email" name="email" required>

    <p>Message:</p>
    <textarea name="message" required></textarea>

    <!-- Hidden input -->
    <p style="display: none;">This field should be left blank<input type="text" name="honey" tabindex="-1" autocomplete="off"></p>

    <button type="submit">Send message</button>
  </form>
</div>

在提交表单后，可以在后台接收并处理这些信息，以便进一步与客户沟通交流。