垃圾邮件预防/减少 - 联系表格？

我想在我的网站上添加一个简单的联系表单,以便客户可以轻松与我联系.

    NAME
    
    EMAIL
    
    MESSAGE
        <input type='submit' />
</form>
</pre>

<p>此表单只会通过电子邮件向我发送客户消息.</p>

<p>但是,我也希望减少(不是,我不是说消除但至少减少),垃圾邮件.</p>

<p><strong>我已经研究过使用CAPTCHA,但最终,我不想阻止客户填写额外的信息.</strong></p>

<p>我可以在我的联系表单中使用一个简单的垃圾邮件预防/减少方法的想法.</p><br><br><b>1> Wim..：</b><hr><p>一个非常简单的技巧,我一直以惊人的成功率使用这个:提供一个文本字段,隐藏起来的人类用户<code></code>,但有一个诱人的名字,如<code>email</code>.大多数机器人会在这个领域填写一些东西,但人类看不到它,所以他们不会.在服务器上,只需确保该字段为空,否则将提交视为垃圾邮件.</p></p>
        <hr>这是一个好主意!或者,如果机器人足够聪明以忽略此类标记,请在javascript中动态设置`display:none`,并添加注释,要求用户在javascript失败的情况下不要填写该字段. <hr>正如我们所说,我正在构建一个机器人,以融入这种设计......*邪恶的笑* <hr>我喜欢这个主意.CAPTCHA是一个痛苦的脖子.垃圾邮件预防应该是关于检测机器人,而不是证明用户是人. <br><br><b>2> Graza..：</b><hr><p>除CAPTCHA类型用户确认之外的唯一(客户端)方式是动态地编写整个事物.很多(但不是全部)机器人可能会忽略动态内容.例如</p>

<pre class="brush:bash;">document.write("<"+"form>"
  +" NAME "
  +" <"+"input type='text' name='name' /> "
  +"EMAIL "
  +"<"+"input type='text' name='email' /> "
  +"MESSAGE "
  +"<"+"textarea name='message' /> "
  +"<"+"input type='submit' /> "
+"<\/form> ");
</pre></p>
        <br><br><b>3> 小智..：</b><hr><p>如果您想做一个完整的前端解决方案，最近我已经成功了，将form action属性保留为空白，并通过$（document）.ready函数填充它。大多数垃圾邮件浏览器都使用禁用了JavaScript的浏览器，或者正在寻找隐藏字段以避免被检测到。</p>

<p>例： </p>

<p>您的html将是：</p>

<pre class="brush:bash;"><form method="POST" action="" id="contact-form">
</pre>

<p>您可以在该页面的任何位置使用它进行填充。</p>

<pre class="brush:bash;"><script>
        $(document).ready(function(){
                 $("#contact-form").attr("action", "/yourMailScript.cgi");
        });
</script>
</pre>

<p>没有JavaScript的漫游器浏览器将不会执行表单操作，并且在提交时会收到404。具有正常浏览器的任何人（除非由于偏执狂而禁用了JS）都将获得正常行为。</p></p>
            </div>

    <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;">

    </div>

    <div class="article_recommend">
        <div class="list_top">推荐阅读</div>
        <div class="ListItems">
            <ul class="NewsList">
                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/BingPaiHuiZhi_2__89620db4.html" target="_blank" title="并排绘制2个tmap对象">并排绘制2个tmap对象</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/BingPaiHuiZhi_2__89620db4.html" target="_blank" title="并排绘制2个tmap对象"><img src="https://img.devbox.cn/3cccf/16086/243/01c11a9512977c76.png" width="120" height="70" alt="并排绘制2个tmap对象"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《并排绘制2个tmap对象》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/BingPaiHuiZhi_2__89620db4.html" target="_blank" title="并排绘制2个tmap对象">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Composer_WuFaZhi_b02c22b1.html" target="_blank" title="Composer无法执行应用程序/控制台缓存:清除symfony 3">Composer无法执行应用程序/控制台缓存:清除symfony 3</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《Composer无法执行应用程序/控制台缓存:清除symfony3》经验，为你挑选了2个好方法。 ...
                        <a href="https://devbox.cn/p/Composer_WuFaZhi_b02c22b1.html" target="_blank" title="Composer无法执行应用程序/控制台缓存:清除symfony 3">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/SparkGroupByKey-_df16bd7b.html" target="_blank" title="Spark Group By Key(Key,List)Pair">Spark Group By Key(Key,List)Pair</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《SparkGroupByKey(Key,List)Pair》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/SparkGroupByKey-_df16bd7b.html" target="_blank" title="Spark Group By Key(Key,List)Pair">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/MongoDB_ChaXunFa_88ca5d84.html" target="_blank" title="MongoDB查询返回空数组">MongoDB查询返回空数组</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《MongoDB查询返回空数组》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/MongoDB_ChaXunFa_88ca5d84.html" target="_blank" title="MongoDB查询返回空数组">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/InvalidOperation_6a429f17.html" target="_blank" title="InvalidOperationException:在调整自动填充列时无法执行此操作">InvalidOperationException:在调整自动填充列时无法执行此操作</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/InvalidOperation_6a429f17.html" target="_blank" title="InvalidOperationException:在调整自动填充列时无法执行此操作"><img src="https://img.devbox.cn/3cccf/16086/243/89e8e7df87d832a6.png" width="120" height="70" alt="InvalidOperationException:在调整自动填充列时无法执行此操作"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《InvalidOperationException:在调整自动填充列时无法执行此操作》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/InvalidOperation_6a429f17.html" target="_blank" title="InvalidOperationException:在调整自动填充列时无法执行此操作">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/YiJieGouHuaFangS_25df74fc.html" target="_blank" title="以结构化方式命名全局变量">以结构化方式命名全局变量</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《以结构化方式命名全局变量》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/YiJieGouHuaFangS_25df74fc.html" target="_blank" title="以结构化方式命名全局变量">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/JiShiMeiYouRenHe_90a78d82.html" target="_blank" title="即使没有任何内容，也会出现Notepad ++ XML解析错误“文档末尾的额外内容”">即使没有任何内容，也会出现Notepad ++ XML解析错误“文档末尾的额外内容”</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《即使没有任何内容，也会出现Notepad++XML解析错误“文档末尾的额外内容”》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/JiShiMeiYouRenHe_90a78d82.html" target="_blank" title="即使没有任何内容，也会出现Notepad ++ XML解析错误“文档末尾的额外内容”">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_Minus_Yu_0d2a4fdf.html" target="_blank" title="使用Minus语句返回结果集">使用Minus语句返回结果集</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用Minus语句返回结果集》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_Minus_Yu_0d2a4fdf.html" target="_blank" title="使用Minus语句返回结果集">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Jiang_javascript_f20782e2.html" target="_blank" title="将javascript规则应用于克隆元素">将javascript规则应用于克隆元素</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《将javascript规则应用于克隆元素》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Jiang_javascript_f20782e2.html" target="_blank" title="将javascript规则应用于克隆元素">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ZhiShiHunHeXiaoY_077af27f.html" target="_blank" title="只是混合效应模型中"重要"随机效应的毛虫图">只是混合效应模型中"重要"随机效应的毛虫图</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《只是混合效应模型中"重要"随机效应的毛虫图》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ZhiShiHunHeXiaoY_077af27f.html" target="_blank" title="只是混合效应模型中"重要"随机效应的毛虫图">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeTiHuanZiFuCh_909e4308.html" target="_blank" title="如何替换字符串中的多个子字符串实例">如何替换字符串中的多个子字符串实例</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何替换字符串中的多个子字符串实例》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeTiHuanZiFuCh_909e4308.html" target="_blank" title="如何替换字符串中的多个子字符串实例">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Webpack_GengGaiM_932abc2e.html" target="_blank" title="Webpack更改每个条目块的output.filename">Webpack更改每个条目块的output.filename</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsImg">
                            <a href="https://devbox.cn/p/Webpack_GengGaiM_932abc2e.html" target="_blank" title="Webpack更改每个条目块的output.filename"><img src="https://img.devbox.cn/3cccf/16086/243/927c0cdb72fe5ad0.png" width="120" height="70" alt="Webpack更改每个条目块的output.filename"/></a>
                        </div>
                                                <div class="NewsDesc" style="width:500px;margin-left:15px;">
                        如何解决《Webpack更改每个条目块的output.filename》经验，为你挑选了0个好方法。 ...
                        <a href="https://devbox.cn/p/Webpack_GengGaiM_932abc2e.html" target="_blank" title="Webpack更改每个条目块的output.filename">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/RuHeJiang_CSS_Zh_b5f24931.html" target="_blank" title="如何将CSS中的"animation-play-state"初始设置为"暂停"并更改为"正在运行"？">如何将CSS中的"animation-play-state"初始设置为"暂停"并更改为"正在运行"？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《如何将CSS中的"animation-play-state"初始设置为"暂停"并更改为"正在运行"？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/RuHeJiang_CSS_Zh_b5f24931.html" target="_blank" title="如何将CSS中的"animation-play-state"初始设置为"暂停"并更改为"正在运行"？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/TongGuo_ArangoDB_6c548e9b.html" target="_blank" title="通过ArangoDB 2.8中的相同边集合进行多次遍历">通过ArangoDB 2.8中的相同边集合进行多次遍历</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《通过ArangoDB2.8中的相同边集合进行多次遍历》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/TongGuo_ArangoDB_6c548e9b.html" target="_blank" title="通过ArangoDB 2.8中的相同边集合进行多次遍历">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/DaiZiFuChuanWenZ_595d1c88.html" target="_blank" title="带字符串文字的前缀vs中缀运算符*">带字符串文字的前缀vs中缀运算符*</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《带字符串文字的前缀vs中缀运算符*》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/DaiZiFuChuanWenZ_595d1c88.html" target="_blank" title="带字符串文字的前缀vs中缀运算符*">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ASP-net5_Zai_Liv_33190018.html" target="_blank" title="ASP.net 5在Live Windows Server上自托管 -  EACCES权限被拒绝了吗？">ASP.net 5在Live Windows Server上自托管 -  EACCES权限被拒绝了吗？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《ASP.net5在LiveWindowsServer上自托管-EACCES权限被拒绝了吗？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ASP-net5_Zai_Liv_33190018.html" target="_blank" title="ASP.net 5在Live Windows Server上自托管 -  EACCES权限被拒绝了吗？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/WeiShiMe_css_Zho_f184d2f3.html" target="_blank" title="为什么css中的选择器'+'不适用于图像？">为什么css中的选择器'+'不适用于图像？</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《为什么css中的选择器'+'不适用于图像？》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/WeiShiMe_css_Zho_f184d2f3.html" target="_blank" title="为什么css中的选择器'+'不适用于图像？">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/Zai_PHP_ZhongJia_26b2e059.html" target="_blank" title="在PHP中检测SVG图像">在PHP中检测SVG图像</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《在PHP中检测SVG图像》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/Zai_PHP_ZhongJia_26b2e059.html" target="_blank" title="在PHP中检测SVG图像">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/ShiYong_OpenCV_J_105b7690.html" target="_blank" title="使用OpenCV进行对象检测和隔离">使用OpenCV进行对象检测和隔离</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《使用OpenCV进行对象检测和隔离》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/ShiYong_OpenCV_J_105b7690.html" target="_blank" title="使用OpenCV进行对象检测和隔离">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                                <li>
                    <div class="NewTitle">
                        <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a>
                        <h2><a href="https://devbox.cn/p/hash-time-time--_df4a0484.html" target="_blank" title="hash(time.time())总是唯一的">hash(time.time())总是唯一的</a></h2>
                    </div>

                    <div class="NewsInfo">
                                                <div class="NewsDesc" >
                        如何解决《hash(time.time())总是唯一的》经验，为你挑选了1个好方法。 ...
                        <a href="https://devbox.cn/p/hash-time-time--_df4a0484.html" target="_blank" title="hash(time.time())总是唯一的">[详细]</a>
                    </div>
                    <div style="clear:both"></div>

                </li>


                

            </ul>
        </div>
    </div>

    <div class="article_cmnt" style="display: none;">
        <div class="cmnt_title">吐了个 "CAO" !</div>
        <form action="" method="post">
            <div class="cmnt_text">
                <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了