<input> / Атрибут autocomplete

Описание

Этот атрибут помогает заполнять поля форм текстом, который был введён в них ранее. Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках и не может в таком случае управляться атрибутом autocomplete. К примеру, включение автозаполнения в браузере Chrome показано на рис. 1.

Настройки автозаполнения

Рис. 1. Настройки автозаполнения

При вводе первых букв текста выводится список сохранённых ранее значений, из которого можно выбрать необходимое (рис. 2).

Список для подстановки

Рис. 2. Список для подстановки

Синтаксис

<input type="text" autocomplete="on | off">
<input type="password" autocomplete="on | off">
<input type="email" autocomplete="on | off">
<input type="search" autocomplete="on | off">
<input type="url" autocomplete="on | off">
<input type="tel" autocomplete="on | off">

Значения

on
Включает автозаполнение текста.
off
Отключает автозаполнение. Это значение обычно используется для отмены сохранения в браузере важных данных (паролей, номеров банковских карт), а также редко вводимых или уникальных данных (капча).

Обязательный атрибут

Нет.

Значение по умолчанию

Зависит от настроек браузера.

Пример
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег input, атрибут autocomplete</title>
 </head>
 <body>
  <form>
   <p>Имя: <input name="user" autocomplete="on"></p>
   <p>Пароль: <input name="pass" type="password"></p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Браузеры: Настольные Мобильные     ?

Internet ExplorerChromeOperaSafariFirefox
9179.65.24
AndroidFirefox MobileOpera MobileSafari Mobile
44105.2
✖

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Справочник HTML