清除Contact Form 7（Wordpress）中的字段

Question

19 浏览2023年2月23日

匿名的 2023年2月23日

0 Comments

我在我的WordPress网站上使用Contact Form 7插件。不幸的是，该插件默认没有内置的“单击清除字段”的功能，这对于可用性来说很糟糕。\n我已经创建了一个主题函数来实现这个功能，并且已经接近成功，但是需要一些具有更好的jQuery技能的人来使一切按预期工作。以下是我的代码：\n// 清除表单字段\nfunction clearfield() {\n?>\n\n\n目前，这将清除所有具有类.clearfields的字段，这很好，但我只想清除用户点击的字段。目前它会清除所有字段（姓名、电子邮件、公司等），因为所有字段都应用了该类。\n其次，根据我的当前设置，尽管在单击提交按钮后表单似乎已发送，但电子邮件却没有到达，所以我的代码有问题。\n有人可以帮忙吗？

0

3 答案

匿名的 · Answer 1 · 2023-09-11T05:35:17+00:00

问题原因：在最新版本的WordPress的Contact Form 7中，清除字段的重置按钮默认不会继承任何样式，因此它只显示为普通的未设置样式的按钮。

解决方法：可以通过添加以下代码将重置按钮添加到表单中：

可以根据需要应用任何CSS样式，如上面所示。

下面是一个示例表单代码，可以将"提交"按钮和"重置"按钮并排显示，并具有相同的样式：

[submit class:btn class:btn-primary]

可以在此处查看实时预览：http://www.ewallzsolutions.com/free-quote/

匿名的 · Answer 2 · 2023-09-22T10:38:29+00:00

问题的出现原因：在使用Contact Form 7插件时，表单重置按钮无法清除表单中的字段内容。

解决方法：通过创建一个隐藏的输入重置按钮，并使用jQuery触发该按钮来解决这个问题。

具体步骤如下：

1. 在HTML中添加以下代码，创建一个隐藏的重置按钮：

2. 在jQuery中添加以下代码，通过触发按钮来清除表单字段内容：

$("#reset").trigger('click');

以上就是解决Contact Form 7表单字段内容清除问题的方法。

匿名的 · Answer 3 · 2023-03-22T13:30:45+00:00

问题出现的原因：Contact Form 7插件中的清除字段功能命名不明确，导致用户困惑。

解决方法：使用"watermark"属性来实现清除字段的功能。

具体操作步骤：

1. 在Contact Form 7的表单代码中，找到要清除的字段对应的代码。

2. 在该字段的代码中添加"watermark"属性，并设置一个水印文本作为参数。

3. 保存表单代码并更新页面，即可看到该字段现在具有清除功能。

示例代码：

[text* txtName watermark "Name: "]

以上就是解决Contact Form 7中清除字段的功能的方法，通过使用"watermark"属性，并设置相应的参数，可以实现清除字段的效果。