Справочник HTML & CSS

autocomplete

Подсказывает браузеру, какие сохранённые данные подставить в поле.

Синтаксис

<input name="email" autocomplete="email">

Параметры

Параметр	Тип	Описание
autocomplete	on \| off \| name \| email \| tel \| street-address \| new-password \| one-time-code \| …	Что за данные в поле — по этому браузер подставляет сохранённые значения.

Примеры

Форма доставки с автозаполнением:

<form>
  <p><input name="name" autocomplete="name" placeholder="Full name"></p>
  <p><input name="email" type="email" autocomplete="email" placeholder="Email"></p>
  <p><input name="address" autocomplete="street-address" placeholder="Address"></p>
  <p><input name="code" autocomplete="one-time-code" inputmode="numeric" placeholder="SMS code"></p>
</form>

Примечания

Точные значения экономят пользователю время, особенно на телефоне. Для поля нового пароля пишите new-password — браузер предложит сгенерировать надёжный пароль. off браузеры часто игнорируют для логинов и паролей.

См. также

<input> — Поле ввода; вид поля задаёт атрибут `type`.
<form> — Форма: собирает данные из полей и отправляет их на сервер.
type — Вид поля `<input>`: от текста и чисел до даты, цвета и файла.

Вопросы и ответы по теме

Как отключить или настроить автозаполнение полей

В учебнике

Формы — Как устроена форма в HTML — тег form, поле input, атрибут name, кнопка отправки, action и методы GET и POST.

Спасибо, что читаете!