Autocomplete atributi nima uchun kerak va u qanday…

autocomplete atributi brauzerga forma maydonlari uchun avtomatik to'ldirishni ta'minlash imkonini beradi. Bu avval saqlangan ma'lumotlarni taklif qilish orqali foydalanishni qulaylashtiradi.

autocomplete atributining parametrleri ikki turga bo'linadi: umumiy va ma'lumot turiga qarab.

Umumiy parametrlar:

off: Ushbu maydon uchun avtomatik to'ldirish taqiqlanadi.
on: Ushbu maydon uchun avtomatik to'ldirish yoqiladi.

Ma'lumot turiga qarab parametrlar (eng ko'p ishlatiladiganlar):

name: Foydalanuvchining to'liq ismi.
honorific-prefix: Ism oldidan keladigan unvon (masalan, "Mr.", "Ms.").
given-name: Ism.
additional-name: Qo'shimcha ismlar (ikkinchi ism va boshqalar).
family-name: Familiya.
honorific-suffix: Ismdan keyin keladigan unvon (masalan, "Jr.", "Sr.").
nickname: Taxallus.
email: Elektron pochta manzili.
username: Foydalanuvchi nomi.
new-password: Yangi parol (parol yaratish maydonlari uchun).
current-password: Joriy parol (mavjud parolni kiritish uchun).
one-time-code: Bir martalik kod (masalan, ikki faktorli autentifikatsiya uchun).
organization-title: Lavozim.
organization: Tashkilot nomi.
street-address: Ko'cha va uy raqami.
address-line1: Manzilning birinchi satri.
address-line2: Manzilning ikkinchi satri.
address-line3: Manzilning uchinchi satri.
address-level4: Eng kichik ma'muriy birlik (masalan, qishloq).
address-level3: Uchinchil ma'muriy birlik (masalan, tuman).
address-level2: Ikkinchi ma'muriy birlik (masalan, shahar).
address-level1: Eng katta ma'muriy birlik (masalan, viloyat, shtat).
country: Mamlakat.
country-name: Mamlakat nomi.
postal-code: Pochta indeksi.
cc-name: Kredit karta ustidagi ism.
cc-given-name: Kredit karta ustidagi ism.
cc-additional-name: Kredit karta ustidagi qo'shimcha ismlar.
cc-family-name: Kredit karta ustidagi familiya.
cc-number: Kredit karta raqami.
cc-exp: Kredit karta amal qilish muddati.
cc-exp-month: Amal qilish muddati oy.
cc-exp-year: Amal qilish muddati yili.
cc-csc: Kredit karta xavfsizlik kodi.
cc-type: Kredit karta turi.
transaction-currency: Transaksiya valyutasi.
transaction-amount: Transaksiya summasi.
language: Tanlangan til.

Parametrlar shipping yoki billing prefikslarini ham o'z ichiga olishi mumkin, bu esa ularning yetkazib berish yoki to'lov ma'lumotlari ekanligini bildiradi.

Misol:

<form>
  <label for="name">Ism:</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">Ko'cha:</label>
  <input type="text" id="street" name="street" autocomplete="shipping street-address">
</form>

Autocomplete atributi nima uchun kerak va u qanday parametrlarni qabul qiladi?