清除联系表 7 (Wordpress) 中的字段

Question

我在我的 Wordpress 网站上使用联系表 7。不幸的是，该插件没有默认内置的“点击清除字段”，这对于可用性来说很糟糕。

我已经创建了一个主题函数来让它工作，并且已经快到了，但是需要一个具有更好 jQuery 技能的人来让一切按预期工作。这是我的代码：

// Clear Formfields
function clearfield() {
?>
<script type="text/javascript">
    jQuery(document).ready(function($) {
         $(".clearfields").click(function () {
            var text = $(this).text();
                $(".clearfields").val("");
            });                             
    });
</script>
<?php
}
add_action( 'wp_footer', 'clearfield', 100 );

我无法在不修改插件的情况下操作输入字段，但我可以添加类。目前我有：

<input class="clearfields" type="text" value="enter name etc">

目前，这将清除 .clearfields 类的任何字段，这很好，但我只想清除用户单击的字段。目前它清除所有内容（姓名、电子邮件、公司等），因为所有字段都应用了该类.

其次，使用我当前的设置，即使在单击提交按钮后表单似乎发送，电子邮件也没有到达，所以我的代码出了点问题。

任何人都可以帮忙吗？

Answer 1

联系表 7 确实有明确的价值...只需使用：水印

[text* txtName watermark   "Name: "]