Sobes.tech
Pomoc s pohovorom
Zdroje
Príprava na pohovor
Zdroje
Hľadanie práce
Zdroje
Právne
Späť k otázkam
Junior

Na čo sa používa atribút 'autocomplete' a aké parametre môže prijímať?

sobes.tech AI

Odpoveď od AI

Atribút autocomplete sa používa na nápovedu pre prehliadač, ako automaticky vyplniť polia formulára na základe predchádzajúcich vstupov používateľa. To zvyšuje pohodlie používania a rýchlosť vyplňovania formulárov.

Hlavné parametre:

  • on: Zapnúť automatické dopĺňanie.
  • off: Vypnúť automatické dopĺňanie.

Okrem on a off existuje celý rad preddefinovaných hodnôt, ktoré opisujú typ dát, ktoré majú byť vyplnené. Niektoré z nich:

  • name: Kompletné meno.
  • honorific-prefix: Predpona k menu (napríklad "Pán", "Pani").
  • given-name: Meno.
  • additional-name: Druhé alebo stredné meno.
  • family-name: Priezvisko.
  • honorific-suffix: Prípona k menu (napríklad "Mladší").
  • nickname: Prezývka.
  • email: E-mailová adresa.
  • username: Používateľské meno.
  • new-password: Nové heslo (pre registračný formulár).
  • current-password: Aktuálne heslo (pre prihlásenie).
  • organization-title: Funkcia.
  • organization: Organizácia.
  • street-address: Adresa.
  • address-line1, address-line2, address-line3: Riadiace riadky adresy.
  • address-level4, address-level3, address-level2, address-level1: Úrovne adresy (napríklad krajina, región, mesto, okres).
  • country: Krajina.
  • country-name: Názov krajiny.
  • postal-code: Poštové smerovacie číslo.
  • cc-name: Meno na kreditnej karte.
  • cc-given-name: Meno na kreditnej karte.
  • cc-additional-name: Druhé meno na kreditnej karte.
  • cc-family-name: Priezvisko na kreditnej karte.
  • cc-number: Číslo kreditnej karty.
  • cc-exp: Dátum platnosti kreditnej karty vo formáte MM/YY.
  • cc-exp-month: Mesiac platnosti kreditnej karty.
  • cc-exp-year: Rok platnosti kreditnej karty.
  • cc-csc: Bezpečnostný kód kreditnej karty (CVV).
  • cc-type: Typ kreditnej karty.
  • tel: Telefónne číslo.
  • tel-national: Telefónne číslo bez kódu krajiny.
  • tel-area-code: Kód oblasti.
  • tel-local: Telefónne číslo bez kódu krajiny a oblasti.
  • tel-extension: Rozšírenie telefónneho čísla.
  • bday: Dátum narodenia.
  • bday-day: Deň narodenia.
  • bday-month: Mesiac narodenia.
  • bday-year: Rok narodenia.
  • sex: Pohlavie.
  • url: URL adresa domovskej stránky.
  • photo: URL adresa fotografie.

Niektoré hodnoty môžu byť kombinované s prefixmi, napríklad shipping alebo billing, na označenie adresy doručenia alebo fakturácie.

<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">
PredchádzajúceĎalej