我已经在我的其中一个页面的这篇文章的底部添加了包含以下蜜罐字段的联系表单的代码:
<div class="contact-form-field">
<input type="text" autocomplete="off" name="address" value="">
</div>
如果机器人在此“地址”字段中填写,这很可能会吸引机器人,则提交将被拒绝(服务器端php处理此问题)。围绕蜜罐字段的div上的类“ contact-form-field”隐藏了蜜罐,以使“ display:none”不会被内联并且无法被机器人检测到。但是,由于某些原因,我们仍然收到了很多Bot提交文件。
在尝试实现诸如reCAPTCHA之类的另一种方法之前,我试图确认我的蜜罐实施是否存在问题。我已经审查了有关同一主题的堆栈溢出问题,到目前为止,没有任何问题出人意料。
任何建议都将不胜感激。
.contact-form-field {
display: none;
}
<form action="/contact/" method="post" id="form-contact-form" name="form-contact-form" class="form">
<div class="contact-form-field">
<input type="text" autocomplete="off" name="address" value="">
</div>
<input type="text" class="form-field contact-sales-form-field" maxlength="256" name="name" placeholder="Enter your name..." id="name" required="">
<input type="email" class="form-field contact-sales-form-field" maxlength="256" name="email" placeholder="Enter your email..." id="email" required="">
<input type="tel" class="form-field contact-sales-form-field" maxlength="256" name="phone" placeholder="Enter your phone..." id="phone">
<textarea id="message" name="message" placeholder="Enter your message..." maxlength="5000" required="" class="form-field contact-sales-form-field text-area"></textarea>
<input type="submit" value="Submit" data-wait="Please wait..." class="hollow-button contact submit">
</form>