Zašto se koristi atribut 'autocomplete' i koje parametre može prihvatiti?

Атрибут autocomplete се користи за помоћ прегледачу у аутоматском попуњавању поља форме на основу претходних уноса корисника. Ово повећава погодност коришћења и брзину попуњавања форма.

Главни параметри:

• on: Укључити аутоматско попуњавање.
• off: Искључити аутоматско попуњавање.

Поред on и off, постоји низ предефинисаних вредности које описују тип података који треба да се попуне. Неки од њих:

• name: Пуна имена.
• honorific-prefix: Префикс имена (на пример, "Г-дин", "Г-ђа").
• given-name: Име.
• additional-name: Други или средњи назив.
• family-name: Презиме.
• honorific-suffix: Сукцесивно додавање к имена (на пример, "Мл.").
• nickname: Надимак.
• email: Емаил адреса.
• username: Корисничко име.
• new-password: Нова лозинка (за регистрацију).
• current-password: Текуща лозинка (за пријаву).
• 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: Безбедносни код кредитне картице (CVV).
• cc-type: Тип кредитне картице.
• tel: Телефонски број.
• tel-national: Телефонски број без кода земље.
• tel-area-code: Код области.
• tel-local: Телефонски број без кода земље и области.
• tel-extension: Расширење телефонског броја.
• bday: Датум рођења.
• bday-day: Дан рођења.
• bday-month: Месец рођења.
• bday-year: Година рођења.
• sex: Пол.
• url: URL адреса домаће странице.
• photo: URL адреса фотографије.

Неке вредности могу се комбиновати са префиксима, на пример, shipping или billing, за означавање адресе за доставу или фактурисање.

<input type="text" autocomplete="name" id="name">
<input type="email" autocomplete="email" id="email">
<input type="password" autocomplete="new-password" id="password">
<input type="text" autocomplete="shipping street-address" id="shipping_address">