Атрибут autocomplete тега <form>

Описание

Атрибут autocomplete управляет автозаполнением полей формы. Он может быть указан как для всей формы (<form>), так и для отдельных полей ввода.

Пример использования:
<form action="/submit" method="post" autocomplete="on"> <input type="text" name="username" placeholder="Имя пользователя"> <input type="password" name="pwd" autocomplete="current-password"> <button type="submit">Войти</button> </form>

Основные значения:

Значение Описание Рекомендации
on Разрешает автозаполнение (по умолчанию) Для обычных форм
off Запрещает автозаполнение Для чувствительных данных
Токены (напр. current-password) Указывает тип данных для автозаполнения Для стандартизированных полей

Популярные токены автозаполнения:

<form autocomplete="on"> <input type="text" name="name" autocomplete="name"> <input type="email" name="email" autocomplete="email"> <input type="tel" name="phone" autocomplete="tel"> <input type="password" name="new-password" autocomplete="new-password"> </form>

Рекомендации по использованию:

  • Для форм входа используйте autocomplete="current-password"
  • Для форм регистрации - autocomplete="new-password"
  • Отключайте для одноразовых кодов (autocomplete="off")
  • Используйте осмысленные токены для лучшего UX

Пример с разными настройками:

<form action="/payment" autocomplete="on"> <!-- Стандартные поля с автозаполнением --> <input type="text" name="fullname" autocomplete="name"> <!-- Чувствительные данные без автозаполнения --> <input type="text" name="credit-card" autocomplete="off"> <!-- Поле с кастомным поведением --> <input type="text" name="promo-code" autocomplete="one-time-code"> </form>

Особенности безопасности:

  • Не полагайтесь только на autocomplete="off" для защиты
  • Для настоящей безопасности используйте input type="password"
  • Современные браузеры могут игнорировать off для некоторых полей

Примечание: Правильное использование autocomplete улучшает пользовательский опыт, особенно на мобильных устройствах. Для важных форм всегда указывайте соответствующие токены, чтобы браузеры могли правильно предлагать сохраненные данные.