Атрибут autocomplete
Синтаксис
<form autocomplete="...">...</form>
<input autocomplete="...">
Описание
Атрибут autocomplete (от англ. autocomplete — автозаполнение) устанавливает или отменяет автозаполнение полей формы.
Используется в тегах <form> и <input>.
Примечание!
Атрибут autocomplete работает со следующими типами тега <input>: text, search, url, tel, email, password, datepickers, range, color.
Значения, автоматически подставляемые в поле формы сохраняет браузер пользователя, при этом автозаполнение (по соображениям безопасности) может отключаться в настройках браузера и не может в таком случае управляться атрибутом autocomplete.
| Значение | Описание |
| on | Браузер автоматически будет заполнять поле формы, основываясь на ранее введенных пользователем значениях. Значение по умолчанию. |
| off | Автозаполнение отключено. Пользователь каждый раз должен будет заново заполнять поле формы |
Пример
HTML-код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Атрибут autocomplete</title>
</head>
<body>
<form action="/action_page.php" autocomplete="on">
<label for="first-name">Имя: </label>
<input type="text" name="firstName" id="first-name" autocomplete="off"><br/>
<label for="last-name">Фамилия: </label>
<input type="text" name="lastName" id="last-name" autocomplete="off"><br/>
<input type="submit" value="Отправить" autocomplete="off">
</form>
</body>
</html>
Отображение в браузере:
Поддержка браузера
|
Атрибут |
Chrome |
Opera |
Firefox |
Safari |
Microsoft Edge |
| autocomplete | Да | Да | Да | Да | Да |
