autocomplete: понятные браузеру назначения полей
Атрибут autocomplete описывает назначение поля, чтобы браузер мог корректнее подставлять сохранённые данные пользователя.
Назначение
Атрибут autocomplete описывает назначение поля, чтобы браузер мог корректнее подставлять сохранённые данные пользователя.
Как это работает
Токены name, email, postal-code и другие сообщают смысл, а не вид оформления. Для паролей различают current-password и new-password. Браузер принимает окончательное решение с учётом своих настроек.
Пример
<label for="contact-email">Почта для ответа</label>
<input id="contact-email" type="email" name="email" autocomplete="email">Что должно получиться
Браузер получает явную подсказку о почтовом адресе. Автозаполнение не отправляет форму и не подтверждает, что пользователь владеет указанной почтой.
Граница применения и частая ошибка
Не назначайте autocomplete=off всем полям автоматически. Это затрудняет заполнение и не гарантирует отключение менеджера паролей; лучше точно описывать назначение каждого поля.
Самостоятельная проверка
Добавьте поле имени с токеном name. Проверьте, что подписи остаются понятными при отключённом автозаполнении и что пользователь может исправить предложенные значения.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.