samosad May 26 2016 at 15:51

Autofill: чего не знают веб-разработчики, хотя должны знать

14 min

78K

VK corporate blogHTML*BrowsersWebsite development*

Translation

+38

Comments 12

UFO just landed and posted this here

samosad May 26 2016 at 17:50

В большинстве случаев рекомендации, приведенные в статье, действительно помогают браузеру лучше выполнять свою работу.
Как ни странно, многие пользователи просят добавить поддержку браузерного автозаполнения на формах оплаты.

lllypynby May 27 2016 at 11:01

Хром вполне себе неплохо распознаёт тэг autocomplete
developers.google.com/web/updates/2015/06/checkout-faster-with-autofill

kemsky May 26 2016 at 23:40

Как раз недавно пытался отучить Хром от автозаполнения, но почему-то autocomplete=«off» не сработало.

PQR May 27 2016 at 11:08

«После многочисленных разочарований мы наконец-то обнаружили, что всё дело в содержании соответствующего элемента label. Как только мы ввели в него имя, указанное на карте, всё волшебным образом заработало.»

это как так ввели имя на карте в label? Label не позволяет пользователю ввести произвольный текст в себя, а если речь об исходном коде вёрстки, то какой в этом смысл, угадывать имя пользователя?

samosad May 27 2016 at 11:21

Тут, к сожалению, была неточность перевода, спасибо за замечание – поправил:

Как только мы установили лейбл «Name on card», всё волшебным образом заработало.

xferra May 28 2016 at 17:37

Есть ли общепринятые способы отключить автозаполнение? В некоторых случаях это просто необходимо, однако браузер настойчиво заполняет формы даже с autocomplete=«off».

samosad May 30 2016 at 10:53

Сложно ответить на такой вопрос без конкретных примеров. Попробуйте например поставить дополнительно атрибут autocomplete="off" на конкретные поля формы, а также использовать нестандартные значения в атрибутах name и id, либо не использовать их вообще, а сабмит формы обрабатывать в помощью JS.

xferra Aug 8 2017 at 06:59

kemsky А проблема решилась с помощью этой подсказки — добавить лишние скрытые поля:

<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

kemsky Aug 24 2017 at 05:35

Спасибо, надо попробовать. В прошлый раз я ограничился наивными экспериментами и ничего из них не получилось.

kemsky May 31 2016 at 19:23

использовать нестандартные значения в атрибутах name и id

Разумеется, так сработает. Фактически, autocomplete=«off» не работает в хроме, в других я даже не пытался проверять. (промахнулся похоже, сори)

kemsky Jun 2 2016 at 02:37

Возвращаясь к вопросу автофила, точнее автоподстановки юзера/пароля: #468153 Mar 12, 2016 WontFix,587466.

Честно говоря, после прочтения этих багов меня трисет.