За какво е предназначен атрибутът autocomplete и…

Атрибутът autocomplete позволява на браузъра да предоставя автоматично попълване за полетата на формуляра. Той подобрява удобството за потребителя, като предлага запазени по-рано данни.

Параметрите на атрибута autocomplete се делят на два типа: общи и по тип данни.

Общи параметри:

off: Забранява автоматичното попълване за това поле.
on: Включва автоматичното попълване за това поле.

Параметри по тип данни (най-често използвани):

name: Пълното име на потребителя.
honorific-prefix: Титла пред името (например "Mr.", "Ms.").
given-name: Име.
additional-name: Допълнителни имена (отчество).
family-name: Фамилия.
honorific-suffix: Титла след името (например "Jr.", "Sr.").
nickname: Псевдоним.
email: Електронна поща.
username: Потребителско име.
new-password: Нов парола (за полето за създаване на парола).
current-password: Текуща парола.
one-time-code: Еднократен код (например за двуфакторна автентикация).
organization-title: Длъжност.
organization: Име на организация.
street-address: Улица и номер на къщата.
address-line1: Първи ред на адреса.
address-line2: Втори ред на адреса.
address-line3: Трети ред на адреса.
address-level4: Най-малката административна единица (например село).
address-level3: Третата по големина административна единица (например район).
address-level2: Втората по големина административна единица (например град).
address-level1: Най-голямата административна единица (например област, щат).
country: Държава.
country-name: Име на държавата.
postal-code: Пощенски код.
cc-name: Име на кредитната карта.
cc-given-name: Име на кредитната карта.
cc-additional-name: Допълнителни имена на кредитната карта.
cc-family-name: Фамилно име на кредитната карта.
cc-number: Номер на кредитната карта.
cc-exp: Срок на годност на кредитната карта (пълна дата).
cc-exp-month: Месец на изтичане.
cc-exp-year: Година на изтичане.
cc-csc: Код за сигурност на кредитната карта.
cc-type: Тип на кредитната карта.
transaction-currency: Валутата на транзакцията.
transaction-amount: Сумата на транзакцията.
language: Предпочитан език.

Параметрите могат също да включват префикси, например shipping или billing, указвайки, че това са данни за доставка или плащане.

Пример за използване:

<form>
  <label for="name">Име:</label>
  <input type="text" id="name" name="name" autocomplete="given-name">

  <label for="email">Email:</label>
  <input type="email" id="email" name="email" autocomplete="email">

  <label for="street">Улица:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

За какво е предназначен атрибутът autocomplete и какви параметри приема?