1

簡単な連絡先フォームにハニーポット (「職場の電話」) フィールドがあります。要素を固定して画面から-1000％オフにすることで、要素を非表示（ハッキング）にしています。

フォーム HTML:

<aside class="enquiry-form">
    <h3 class="heading">Enquire Now</h3>
    <form id="EnquiryForm_EnquiryForm" action="/products/filtered-water-taps/EnquiryForm" method="post" enctype="application/x-www-form-urlencoded">
        <div class="inputs">
            <input type="text" name="Name" class="text" id="EnquiryForm_EnquiryForm_Name" required="required" aria-required="true" placeholder="Name" />
            <input type="email" name="Email" class="email text" id="EnquiryForm_EnquiryForm_Email" required="required" aria-required="true" placeholder="Email" />
            <input type="text" name="Work Phone" class="text" id="EnquiryForm_EnquiryForm_Work-Phone" style="position: fixed; left: -1000%;" tabIndex="-1" />
            <input type="text" name="Phone" class="text" id="EnquiryForm_EnquiryForm_Phone" required="required" aria-required="true" placeholder="Phone" />
            <input type="text" name="Product" value="Filtered Water Taps" class="product" id="EnquiryForm_EnquiryForm_Product" placeholder="Product" />
        </div>
        <div class="message">
            <textarea name="Message" class="textarea" id="EnquiryForm_EnquiryForm_Message" required="required" aria-required="true" placeholder="Message" rows="5" cols="20"></textarea>
        </div>
        <input class="button dark" type="submit" value="Send" />
    </form>
</aside>

問題は、ie8でページ全体が壊れて白い画面が表示され、開発ツールを使用して要素を検査できず、デバッグが非常に困難になることです。

私の直感は、それがhtml5shivと関係があるということです。

どんな助けでも大歓迎です。

4

1 に答える 1

1

私はこの方法を提案します：

#EnquiryForm_EnquiryForm_Work-Phone {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

ちなみに、ハニーポットのフィールドは「website」の方がいいと思います。これは、スパムボットが常に記入したいものです。

于 2014-09-15T08:04:57.533 に答える