Ի՞նչ է նշանակում 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 հատկանիշը և ինչ պարամետրեր է ընդունում: