Chrome autocomplete off, nope или false?

Question

[SuperToster]

Нагуглил:

this behavior is because the autocomplete attribute expects either an "on" or "off" value and doesn't do anything if you give it something else. So if you give it something other than those values, autofill falls apart/doesn't do anything.

Это предположение или так и есть?

Есть ли в 2k20 безкостыльные способы победить Chrome autocomplete?

Спасибо!

UPD.:
В общем на данный момент не смог найти ни каких решений без костылей. Вариант который работает сейчас, это указать readonly (в таком случае автозаполнения не будет) и вернуть возможность заполнять поле после клика по полю.
readonly="readonly" onfocus="this.removeAttribute('readonly');".

UPD.2:
Спасибо пользователю hzzzzl который привел в качестве ответа разметку <input type="text" autocomplete="off"> и сообщил, что она работает. А потом удалил свой ответ : )

Comments

[hzzzzl]

удалил, потому что я вроде не понял вопрос, но тут про автокомплит паролей вообще ни слова не сказано, но на обычных инпутах с заполненым name="..." - вполне работает

Chrome связал сохранение паролей с формой на конкретном сайте. В таком случае он полностью игнорирует атрибут autocomplete.

ну или я хз, не замечал ¯\_(ツ)_/¯

[SuperToster]

hzzzzl, name может быть и не заполнен, например если регистрируется новый пользователь.
В общем, рабочий костыль, в принципе терпимый - найден (для текущей версии Chrome).
В переписке под ответом, видос с примерм как работает добавил.

Answer 1

[SuperToster]

Ответ:
Безкостыльных способов нет.
Костыль работающий в 85.0.4183.83 (Официальная сборка), добавить атрибут readonly, чтобы Chrome проигнорировал поле и удалить атрибут после фокуса на поле:

readonly="readonly" onfocus="this.removeAttribute('readonly');"

Comments

[Spartak (Web-StyleStudio)]

Да, а при повторном фокусе? Уже атрибута readonly не будет

[Spartak (Web-StyleStudio)]

Как вариант добавить все-таки autocomplete="off" и убрать у input атрибуты name и id, и заменить например на data-id и data-name и через js обрабатывать ввод данных

P/S: безкостыльных способов все-таки нет

[SuperToster]

Spartak (Web-StyleStudio), ммм.. При чём тут повторный фокус. Хром не обрабатывает поле при каждом движении или через временные промежутки. Записал гифку, надеюсь загрузится.

Здесь показал, что поле заполняется, затем добавил ридонли, пару раз перезагрузил и показал, что автозаполнения нет, сколько не кликай = )

[SuperToster]

Spartak (Web-StyleStudio), по поводу autocomplete="off" вы не правы, он не работает когда Хром заполняет поле сохранёнными данными.

Answer 2

[Danny Arty]

Иногда autocomplete="off" может не работать.
Autocomplete применяется на первое поле типа password вроде, поэтому как вариант можно сделать так:

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

Comments

[SuperToster]

Не "иногда", а конкретно тогда когда Chrome связал сохранение паролей с формой на конкретном сайте. В таком случае он полностью игнорирует атрибут autocomplete.

К сожалению ваш пример только дублирует указанную мной цитату

this behavior is because the autocomplete attribute expects either an "on" or "off" value and doesn't do anything if you give it something else. So if you give it something other than those values, autofill falls apart/doesn't do anything.

но не отвечает на ключевой вопрос указанный выше - "Есть ли в 2k20 безкостыльные способы победить Chrome autocomplete?".

В любом случае, спасибо.

[Danny Arty]

SuperToster, этой проблеме уже дофига лет и она, к сожалению, никак, кроме таких костылей не решается. При этом данный способ самый простой, в отличие от вариантов со скрытыми полями или jquery

[SuperToster]

Danny Arty, да он простой, но Chrome сволочи его давно пофиксили и не работает : (
Добавил к вопросу рабочий вариант.