4

Есть HTML форма на бутстрапе. В ней есть 2 тега input, у первого type="email" у второго type="password". Если инпуту с типом password задать еще не пустой атрибут name, то в гугл хром после загрузки страницы у обоих инпутов становиться фон желтым и инпуту с типом email присваивается значение "admin", а в инпут с типом password заполняется какой то пароль. Как от этого избавиться ? autocomplate = "off" не помагает.

6
  • Никак... честно, вот никак. Они на столько навязчиво включили эту функцию, что все способы описанные в интернете попросту не помогают.
    – NeedH8
    26 июн 2016 в 8:40
  • В обще жесть(( кто их просил... смотрится ни к селу ни к городу.
    – heff
    26 июн 2016 в 8:42
  • кстати на hh.ru они как то это побороли
    – heff
    26 июн 2016 в 9:08
  • autocomplate или autocomplete?
    – sercxjo
    30 июн 2016 в 7:50
  • autocomplete="off"
    – heff
    30 июн 2016 в 16:54

4 ответа 4

2

У меня работают следующие способы вместе:

  1. autocomplete="false" у формы
  2. value='****' у инпутов, а в onload стирать (у какого-то браузера была логика не переписывать заполненные поля).
  3. setTimeout со стиранием значений через доли секунды после загрузки.
2

В общем помогло следующее: ставим в input с типом password атрибут readonly и прописываем в него onfocus="this.removeAttribute('readonly');

<input type="password" class="form-control input-lg"  name="password"  placeholder="Ваш пароль"  required="required" autocomplete="off" readonly onfocus="this.removeAttribute('readonly');" >

Правда после этого он принимает цвет неактивного элемента, поэтому ему нужно задать стили которые сделают ему нормальный фон, например:

#auth_form input {
    background-color: #FFFFFF !important;
}

Правда такой подход не гарантирует, что с выходом новой версии какого либо браузера в нем это не перестанет работать (ровно как и все остальные).

2
  • а если снимать атрибут readonly после загрузки?
    – sercxjo
    2 июл 2016 в 20:48
  • пробовал, не вышло, тот метод, который я описал, оказался единственно рабочим на тот момент. Правда setinterval я не делал.
    – heff
    3 июл 2016 в 5:45
0

Мне помогло это:

<!-- Хак для Хрома, который заполняет пустую пару логин/пароль -->
<div style="width: 0; height: 0; overflow: hidden"><input type="text"><input type="password"></div>

autocomplete="off" не помог, обертка с "display: none;" тоже не помогла.

0

В Mozilla работает атрибут - autocomplete="new-password"

1
  • стоило опубликовать это как комментарий, а не ответ. чтобы вам стали доступны комментарии к чужим сообщениям, надо набрать пятьдесят баллов репутации — это всего пять голосов «за» любой ваш ответ или вопрос 22 июл 2022 в 9:10

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.