Тема:

autocomplete HTML атрибут - автозаповнення полів форми

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

Атрибут autocomplete працює для елементів <form>, а також для <input>, <select> та <textarea>.

З міркувань безпеки, більшість сучасних браузерів не зберігають і не автозаповнюють значення для полів з autocomplete="off", особливо для полів паролів.

Синтаксис

HTML
<input type="text" autocomplete="on|off|name|email|...">

Значення

Атрибут може приймати два основних значення (on/off) або детальні токени для вказання конкретного типу даних.

on

Браузеру дозволено автоматично заповнювати поле. Це значення за замовчуванням.

off

Браузер не повинен автоматично заповнювати поле. Це корисно для полів, де вводиться конфіденційна інформація.

Детальні токени

Існує багато значень для точного контролю автозаповнення, наприклад: name, email, username, new-password, current-password, street-address, tel, bday та багато інших.

Приклади використання

Результат
<form action="/submit" method="post">
  <label for="username">Ім’я користувача:</label>
  <input type="text" id="username" name="username" autocomplete="username"><br><br>

  <label for="password">Пароль:</label>
  <input type="password" id="password" name="password" autocomplete="current-password"><br><br>

  <label for="email">Електронна пошта:</label>
  <input type="email" id="email" name="email" autocomplete="email"><br><br>

  <button type="submit">Увійти</button>
</form>

Підтримка браузерів

autocomplete

Останнє оновлення: