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 ატრიბუტი რა მიზნით გამოიყენება და რა პარამეტრებს იღებს?