Honeypot Positioning

Question

Honeypot Positioning

0

Я создаю поле honeypot в форме, открытой на уровне домашней страницы сайта. Поля идут:

honeypot
email
name
text area for comment

Медоносная горшка не должна показывать реальным пользователям, но должна быть доступна для ботов, чтобы их заполнить. Я использовал CSS следующим образом:

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

для размещения honeypot:

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

Это не работает. Элемент ввода остается плотно там, где он был. Я проверил, чтобы CSS был последним загруженным, соблюдая правило близости и что нет ничего более конкретного и не вижу никакого переопределения.

Есть ли какая-то магия, которую я не получаю?

благодаря

Steve Ross 05 окт. 2013, в 19:46

Источник

0

У меня работает: jsfiddle.net/74TW6 .
Felix Kling 05 окт. 2013, в 17:26
0

Это именно то, что я и сделал, но, поскольку он находится внутри набора плавающих элементов div я считаю, что это заставляет его не хотеть двигаться.
Steve Ross 05 окт. 2013, в 17:51
0

Это не совсем ответ на ваш вопрос CSS ... но я думаю, что ваш подход не самый лучший, с моей точки зрения, отображение CSS не может быть достаточным для некоторых ботов, но удаление элемента из DOM с помощью JS - лучший подход, потому что боты обычно не включают JS. Этот пакет packagist.org/packages/dominiquevienne/honeypot - это полное бесплатное решение для предотвращения спама от форм без какой-либо капчи ... Не стесняйтесь тестировать: его быстро установить, легко и эффективно.
Dominique Vienne 08 авг. 2017, в 14:27

Показать ещё 1 комментарий

Теги:

html

css

spam-prevention

1 ответ

Ещё вопросы

Это именно то, что я и сделал, но, поскольку он находится внутри набора плавающих элементов div я считаю, что это заставляет его не хотеть двигаться.
Это не совсем ответ на ваш вопрос CSS ... но я думаю, что ваш подход не самый лучший, с моей точки зрения, отображение CSS не может быть достаточным для некоторых ботов, но удаление элемента из DOM с помощью JS - лучший подход, потому что боты обычно не включают JS. Этот пакет packagist.org/packages/dominiquevienne/honeypot - это полное бесплатное решение для предотвращения спама от форм без какой-либо капчи ... Не стесняйтесь тестировать: его быстро установить, легко и эффективно.

Deryck · Accepted Answer · 2013-10-05T14-29-00.000Z

Если ваш <input> находится внутри другого элемента (например, <div>), который имеет position: relative; set, вход будет установлен абсолютно, но относительно этого элемента.

Переключить в position: fixed; потому что это относительно видимой области экрана.

Справка

Таким образом, вы говорите, переключите включающий div в position: fixed и это должно решить проблему? Я задаюсь вопросом, будет ли использование небольшого Javascript ниже висящим фруктом здесь.
Нет-нет, просто поменяйте .honey на position: fixed; , И добавьте `top: -999em; ' пока ты на этом.