Zašto je atribut autocomplete potreban i koje…

Атрибут 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>

Zašto je atribut autocomplete potreban i koje parametre prihvata?