Как отключить autocomplete в современных браузерах, в том числе в Chrome?

Question

[# a r t u r #]

Всем привет!

Столкнулся с проблемой, поле, которое не имеет никакого отношения к email автоматически заполняется email адресом который когда-то где-то указывался, пока заметил только в Chrome, но вычитал, что во всех современных браузерах такое, причем autocomplete="off" не работает...

Вот какое-то такое "решение" нашел в сети:

<input type="text" name="email" value="" style="display: none" /> 
<input type="text" name="email" value="Alice"/>
<input type="text" name="not-an-email" value="" style="display: none" />
<input type="password" name="password" value="" style="display: none" /> 
<input type="password" name="password" value=""/>

- пока не пробовал как работает т.к. нет понимая, что тут за костыли вообще и как они работают... что за бред вообще 2 input-а с одинаковым name, один из которых скрыт по средствам css )

Кто-нибудь знает как решить проблему без костылей?

Comments

[Lynn «Кофеман»]

А это проблема? Её действительно надо решать? Может проще пойти в настройки и посмотреть что у вас там запомнилось?

[# a r t u r #]

Алексей Тен: проблема... вместо имени пользователя которое указывается по желанию, выставлен адрес эл. почты и поле подсвечено желтым цветом. Помимо имени пользователя есть еще другие поля - предположим юзер зашел, заполнил поля, но имя пользователя решил не указывать - сохраняет - а ему ошибка "Мол, имя пользователя не должно содержать собаку @", а он сидит и думает, какого черта мой e-mail оказался в имени пользователя, которое я не заполнял )

[# a r t u r #]

Алексей Тен: для меня вообще не понятно, есть куча полей на странице с type="text", но почему-то только поле имени пользователя автозаполнено эл.почтой, которая указывалась при входе в аккаунт Оо, но там было поле с name="email", а тут name="username" - логика отсутствует

[Евгений Куманин]

# a r t u r #: Есть такая проблема у хрома. Другого решения не нашел.

Answer 1

[# a r t u r #]

Для Chrom'а версии 49.0.2623.112 m помогло следующее:

<input type="password" name="password" autocomplete="new-password">

самое странное:
я указал autocomplete="new-password" только для одного поля в форме, но автозаполнение отключилось у всех полей Оо

UPD: хах! Вообщем есть форма, в ней 10 полей, поле юзернейм и пароль автозаполнены... применяю autocomplete="new-password" к полю юзернейм - проблема остается, применяю к полю с паролем (оно в конце формы) и трюк срабатывает, причем у поля юзернейм тоже отключается автозаполнение ДАЖЕ БЕЗ autocomplete="new-password"
Не знаю насколько кроссбраузерно, кто-нибудь может проверить?

Comments

[undefo]

Работает, чёрт возьми. Спасибо.

[sergio_salieri]

Спасибо! Это единственное, что сработало!

Answer 2

[Алексей Уколов]

что за бред вообще 2 input-а с одинаковым name, один из которых скрыт по средствам css )

Очевидно, что хром заполняет первое найденное поле. Для этого их и дублируют и скрывают.
Это единственное надёжное и кроссбраузерное решение проблемы.

Как отключить автозаполнение полей в Chrome?
stackoverflow.com/questions/12374442/chrome-browse...

Comments

[# a r t u r #]

посмотрите, что я нашел (ниже)

[Алексей Уколов]

Я видел, но это как раз адский hack, в том смысле что "работает хз почему". Вариант с добавлением скрытых полей - это workaround, да, неудобно, но зато логика работы понятна.

Answer 3

[smyslov-d]

В инпуте в автокомплит вставляйте что Вам нужно из таблицы от сюда: https://html.spec.whatwg.org/multipage/form-contro...