html - ハニーポットのポジショニング

Question

サイトのホームページレベルで公開されるフォームにハニーポットフィールドを作成しています。フィールドは次のとおりです。

honeypot
email
name
text area for comment

ハニーポットは実際のユーザーには表示されませんが、ボットが入力できるようにする必要があります。私は次のようにCSSを使用しました：

.honey{
  position: absolute;
  left: -999em;
  }

ハニーポットを配置するには:

<input class="honey" type="text" placeholder="your email" />

これは機能していません。入力要素は元の場所にしっかりととどまります。CSS が最後にロードされたものであることを確認し、近接ルールを観察し、より具体的なものはなく、オーバーライドが表示されないことを確認しました。

私が得ていない魔法はありますか？

ありがとう

score 1 · Accepted Answer

あなた<input>が設定されている別の要素（ a など<div>）の内部にある場合position: relative;、入力は絶対に配置されますが、その要素に関連しています。

position: fixed;表示可能な画面領域に相対的であるため、に切り替えます。

1 に答える 1