Как отключить в chrome автоподстановку в input с типов password

#html #вёрстка #frontend #forms

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

Ответы

Ответ 1

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


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


Ответ 2

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




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

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


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


Ответ 3

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









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