За какво се използва атрибутът 'autocomplete' и какви…

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

Основни параметри:

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

Освен on и off, съществува цял набор от предварително дефинирани стойности, които описват типа данни, които трябва да бъдат попълнени. Някои от тях:

name: Пълното име.
honorific-prefix: Префикс към името (например "Г-н", "Г-жа").
given-name: Името.
additional-name: Второ име или бащино име.
family-name: Фамилията.
honorific-suffix: Суфикс към името (например "Мл.").
nickname: Никнейм.
email: Имейл адрес.
username: Потребителско име.
new-password: Нов парола (за регистрационната форма).
current-password: Текуща парола (за вход).
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: Срок на валидност на кредитната карта във формат MM/YY.
cc-exp-month: Месец на валидност на кредитната карта.
cc-exp-year: Година на валидност на кредитната карта.
cc-csc: Код за сигурност на кредитната карта (CVV).
cc-type: Тип на кредитната карта.
tel: Телефонен номер.
tel-national: Телефонен номер без код на страната.
tel-area-code: Код на областта.
tel-local: Телефонен номер без код на страната и областта.
tel-extension: Разширение на телефонния номер.
bday: Дата на раждане.
bday-day: Ден на раждане.
bday-month: Месец на раждане.
bday-year: Година на раждане.
sex: Пол.
url: URL адрес на домашната страница.
photo: URL адрес на снимката.

Някои стойности могат да се комбинират с префикси, например shipping или billing, за указване на адрес за доставка или фактуриране.

<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">

За какво се използва атрибутът 'autocomplete' и какви параметри може да приема?