О работе браузеров при автозаполнении Посмотрел сегодня докл | фронт.ру
О работе браузеров при автозаполнении
Посмотрел сегодня доклад от одного из разработчиков Яндекса про то, как браузер решает, что подсказать юзеру при заполнении инпута. Выжимка из доклада ниже.
Для формирования нужной подсказки браузер:
1) Ищет у инпута атрибут autocomplete 2) если не нашел, пытается самостоятельно понять тип инпута 3) если не вышло выяснить тип - обращается к своей истории
(о каждом этапе подробнее смотрите в докладе)
Рекомендации для фронтов:
1) Используйте атрибут autocomplete согласно логике сайта.
Серьезно, самое просто и лучшее, что можно сделать это просто по логике указать нужно значение для этого атрибута
2) Проверяйте как автозаполняются ваши инпуты на этапе разработки.
Из-за миллиона форматов тех же мобильных номеров в инпут может некорректно вставиться значение, особенно, если используется маска. Не забывайте про это и проверяйте такие кейсы.
3) Заполняйте атрибуты полей осмысленными названиями и не допускайте неоднозначности.
(неоднозначность: то ли это мыло юзера, то ли его физический адрес)
4) Старайтесь, чтобы ваша форма сабмитилась именно через событие submit тега .
Это помогает браузеру проще сохранить данные юзера для последующих обработок.
Еще больше инфы о том как браузер работает с автозаполнением, обрабатывает и хранит данные в докладе на ютубе. Также есть в виде статьи на хабре.
P.S. А еще в докладе о том почему autocomplete="off" не всегда работает.
