Відміна автозаповнення полів в HTML

Вивчаємо атрибут autocomplete для керування автоматичним заповненням полів форми браузером.

Атрибут autocomplete в HTML

Атрибут autocomplete дозволяє керувати автоматичним заповненням полів форми. Браузер може зберігати введені раніше дані та пропонувати їх користувачу.

autocomplete="on" — дозволяє автозаповнення.
autocomplete="off" — вимикає автозаповнення.
Атрибут можна встановлювати для form або окремого input.
Часто використовується для паролів, логінів та конфіденційних даних.

Приклад увімкненого автозаповнення

<label>
  Ім'я:
</label>

<input 
  type="text" 
  autocomplete="on"
>

Вимкнення автозаповнення

<label>
  Ім'я:
</label>

<input 
  type="text" 
  autocomplete="off"
>

Тепер браузер не буде показувати раніше введені значення для цього поля.

Вимкнення автозаповнення для всієї форми

<form autocomplete="off">

  <input type="text">
  <input type="email">

</form>

❗ Важливо:

Для полів з паролями та важливою інформацією часто використовують autocomplete="off", щоб не зберігати введені дані.

Практичне завдання

📌 Завдання:

№1. Створіть input з увімкненим autocomplete.
№2. Введіть у нього текст та перевірте автозаповнення.
№3. Вимкніть автозаповнення за допомогою autocomplete="off".

<!-- Початковий код -->

<input type="text">

💡 Показати підказку

Додайте атрибут autocomplete до input і встановіть значення off.

✅ Показати відповідь

<input 
  type="text" 
  autocomplete="off"
>