Пример
HTML-форма, в которой имя пользователя и пароль НЕ автозаполняются:
<form action="/action_page.php">
<label for="username">Имя пользователя:</label>
<input type="text" id="username"
name="username"><br><br>
<label for="password">Пароль:</label>
<input type="password" id="password" name="password"
autocomplete="new-password"><br><br>
<input type="submit">
</form>
Попробуйте сами »
Определение и использование
Атрибут autocomplete указывает, должна ли браузер пытаться предсказать значение поля ввода или нет. Вы также можете указать, какой тип значения ожидается в поле ввода.
Поддержка браузерами
Числа в таблице указывают первую версию браузера, которая полностью поддерживает атрибут.
| Атрибут | |||||
|---|---|---|---|---|---|
| autocomplete | 17.0 | 6.0 | 2.0 | 5.1 | 10.0 |
Совет: В некоторых браузерах вам может потребоваться активировать функцию автозаполнения, чтобы это работало (ищите в разделе "Настройки" в меню браузера).
Синтаксис
<input autocomplete="on|off|тип-значения">
Значения атрибута
| Значение | Описание |
|---|---|
| on | По умолчанию. Автозаполнение включено |
| off | Автозаполнение отключено |
| address-line1 | Ожидает первую строку почтового адреса |
| address-line2 | Ожидает вторую строку почтового адреса |
| address-line3 | Ожидает третью строку почтового адреса |
| address-level1 | Ожидает первый уровень адреса, например, область/регион |
| address-level2 | Ожидает второй уровень адреса, например, город |
| address-level3 | Ожидает третий уровень адреса |
| address-level4 | Ожидает четвертый уровень адреса |
| street-address | Ожидает полный почтовый адрес |
| country | Ожидает код страны |
| country-name | Ожидает название страны |
| postal-code | Ожидает почтовый индекс |
| name | Ожидает полное имя |
| additional-name | Ожидает отчество |
| family-name | Ожидает фамилию |
| given-name | Ожидает имя |
| honoric-prefix | Ожидает обращение, например "Г-н", "Г-жа" и т.д. |
| honoric-suffix | Ожидает суффикс, например "5-й", "мл." и т.д. |
| nickname | Ожидает псевдоним |
| organization-title | Ожидает должность |
| username | Ожидает имя пользователя |
| new-password | Ожидает новый пароль |
| current-password | Ожидает текущий пароль |
| bday | Ожидает полную дату рождения |
| bday-day | Ожидает день даты рождения |
| bday-month | Ожидает месяц даты рождения |
| bday-year | Ожидает год даты рождения |
| sex | Ожидает пол |
| one-time-code | Ожидает одноразовый код для проверки и т.д. |
| organization | Ожидает название компании |
| cc-name | Ожидает полное имя владельца кредитной карты |
| cc-given-name | Ожидает имя владельца кредитной карты |
| cc-additional-name | Ожидает отчество владельца кредитной карты |
| cc-family-name | Ожидает фамилию владельца кредитной карты |
| cc-number | Ожидает номер кредитной карты |
| cc-exp | Ожидает срок действия кредитной карты |
| cc-exp-month | Ожидает месяц окончания срока действия кредитной карты |
| cc-exp-year | Ожидает год окончания срока действия кредитной карты |
| cc-csc | Ожидает CVC-код |
| cc-type | Ожидает тип платежной системы кредитной карты |
| transaction-currency | Ожидает валюту |
| transaction-amount | Ожидает число, сумму |
| language | Ожидает предпочитаемый язык |
| url | Ожидает URL домашней страницы или адрес сайта компании |
| Ожидает адрес электронной почты | |
| photo | Ожидает изображение |
| tel | Ожидает полный номер телефона |
| tel-country-code | Ожидает код страны номера телефона |
| tel-national | Ожидает номер телефона без кода страны |
| tel-area-code | Ожидает код города/региона номера телефона |
| tel-local | Ожидает номер телефона без кода страны и кода города |
| tel-local-prefix | Ожидает локальный префикс номера телефона |
| tel-local-suffix | Ожидает локальный суффикс номера телефона |
| tel-extension | Ожидает добавочный номер телефона |
| impp | Ожидает URL конечной точки протокола мгновенных сообщений |