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">Электрондук почта:</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 атрибуту эмне үчүн керек жана ал кандай параметрлерди кабыл алат?