Синтаксис

<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

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

autocomplete Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.

Свежие посты