Атрибут autocomplete

Атрибут autocomplete отменяет автоматическое автозаполение формы.

Автоматическое автозаполение - это когда браузер предлагает подставить в поле те данные, которые уже вводились в это поле ранее. Это может быть не всегда удобным, так как, к примеру, браузер может подсказать ваш логин или пароль злоумышленнику и т.п. Для полей, в которые вводится секретная информация, автозаполнение следует отключать.

Атрибут autocomplete можно использовать не только для сокрытия секретных сведений. К примеру, можно отключать автозаполнение в ответах на тесты. Это нужно для того, чтобы при повторном прохождении теста браузер не подсказывал ответы (теряется весь интерес тестов).

Можно использовать как атрибут без значения, а можно указать одно из значений.

Значения

Значение	Описание
`on`	Автозаполнение включено (это значение по умолчанию).
`off`	Автозаполнение отключено.

Пример

Давайте у инпута включим автозаполнение. Вбейте в него, к примеру, слово "автозаполнение" и нажмите на кнопку отправки (это обязательно, так как браузер запоминает только отправленные слова). После этого вернитесь к примеру и введите в него букву "a" - браузер подскажет вам слово "автозаполнение" и вы сможете выбрать его, не вводя целиком:

<form action="">
	<input type="text" autocomplete="on" name="test">
	<input type="submit">
</form>

Пример

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

<form action="">
	<input type="text" autocomplete="off" name="test">
	<input type="submit">
</form>

Смотрите также

тег datalist,
который создает автозаполнение по вашему списку