Nové(ish) v HTML5

autocomplete atribut byl zaveden jako neoficiální HTML funkce v aplikaci Microsoft Internet Explorer, a byla přijata řada dalších prohlížečích. Takže pro něj existuje široká podpora po dlouhou dobu, i když jeho přesné chování nebylo standardizováno. U HTML5 je atribut autocomplete oficiální součástí specifikace.,

automatické dokončování vs. seznam & <datalist>

autocomplete atribut žádá prohlížeče pokoušet automatické doplňování, založené na uživatele historie. To je užitečné pro osobní údaje, jako je jméno a e-mailová adresa-věci, které uživatel pravděpodobně bude mít typy do podobných vstupních polí na jiných webových stránkách. Funkce autocomplete není schopna poskytnout prohlížeči seznam možností automatického doplňování specifických pro web., Pro automatické dokončování chování s návrhy specifickými pro web použijte atribut list s prvkem <datalist>.

záměrně „rozbité“

všechny hlavní prohlížeče ignorují hodnotuautocomplete="off" pro určité typy vstupních polí. Internet Explorer a Edge jej ignorují pro všechna polepassword. Firefox jej ignoruje pro jakékoli pole v přihlašovacím formuláři. Chrome to ignoruje kdykoli se uživatel rozhodl nechat prohlížeč zapamatovat si data formuláře. Safari ignoruje to pro uživatelské jméno, e-mail, a hesla pole., Ignorování hodnotyautocomplete="off" se provádí pro zvýšení použitelnosti a GVE uživateli větší kontrolu nad chováním automatického dokončování. Jako UX designer byste měli sledovat jejich vedení a používat autocomplete="off" střídmě. Existuje jen velmi málo případů použití v normálních formách, kde má smysl zakázat autocomplete. V některých složitých aplikacích má smysl vyhnout se náhodným vstupům, ale u většiny standardních formulářů to opravdu není důvod.,

Automatické dokončování a název

prohlížeče používají atribut name, aby zjistili, jaký typ informací vstupní pole žádá. Takže použijte standardní, smysluplné hodnoty pro name., Pokud se ptáte, na adresu, používat názvy jako:

  • address-1
  • address-2
  • city
  • state nebo province
  • zip nebo postal-code

nepoužívejte chytrý, nebo zvláštní názvy, jako že dělá to těžší pro prohlížeče poskytují funkce automatické dokončování návrhy, a to může dokonce vést ke prohlížeč snaží vyplnit chybné hodnoty do špatných vstupů., (Už jste někdy měli váš prohlížeč vyplnit své telefonní číslo do pole PSČ? To byla chyba špatného pojmenování.)

Hodnoty Atributu autocomplete

Název Hodnoty Poznámky
Zapne automatické dokončování off.
on zapne Automatické dokončování.,

Všechny Atributy Elementu input

název Atributu Hodnoty Poznámky
krok Určuje interval mezi platné hodnoty v řadě-na základě vstupu.
požadováno určuje, že je vyžadováno vstupní pole; zakáže předkládání formulářů a upozorní uživatele, pokud je požadované pole prázdné.
zástupný symbol určuje zástupný text ve vstupu založeném na textu.,
pattern určuje regulární výraz, proti kterému se ověřuje hodnota vstupu.
multiple umožňuje uživateli zadat více hodnot do nahrávání souboru nebo e-mailového vstupu.
min Určuje minimální hodnotu pro číslo a datum vstupních polí.
max Určuje maximální hodnotu pro číslo a datum vstupních polí.,
seznam Určuje id <datalist> element, který obsahuje seznam návrhů funkce automatické dokončování pro vstupní pole.
výška Určuje výšku vstupu obrazu.
formtarget určuje kontext procházení, ve kterém chcete otevřít odpověď ze serveru po odeslání formuláře. Pro použití pouze na vstupních typech „odeslat“nebo “ obrázek“.,
formmethod Specifikuje metodu HTTP (GET nebo POST), které mají být použity při formě předloženy údaje na server. Pouze pro použití na vstupních typech „odeslat“nebo “ obrázek“.
formenctype určuje, jak mají být data formuláře předána serveru. Pouze pro použití na vstupních typech „Odeslat“a “ obrázek“.
formaction určuje URL pro podání formuláře. Lze použít pouze pro type= „submit“ a type=“image“.
formulář určuje formu, do které vstupní pole patří.,
autofokus určuje, že vstupní pole by mělo být okamžitě Zaostřeno při načtení stránky.
accesskey definuje klávesovou zkratku pro prvek.
Automatické dokončování off
on 		určuje, zda se má prohlížeč pokusit automaticky dokončit vstup na základě uživatelských vstupů do podobných polí.
border byl použit k určení hranice na vstupu. Používat. Místo toho použijte CSS.,
zaškrtnuto určuje, zda má být ve výchozím nastavení zaškrtnuto políčko nebo přepínač.
zakázáno zakáže vstupní pole.
maxlength určuje maximální počet znaků, které lze zadat do vstupu textového typu.
jazyk byl použit k označení skriptovacího jazyka používaného pro události vyvolané vstupem.
název určuje název vstupního prvku., Název a hodnota každého vstupního prvku jsou zahrnuty v požadavku HTTP při odeslání formuláře.
velikost určuje šířku vstupu v znacích.
src definuje zdrojovou adresu URL pro vstup obrazu.
typ button
checkbox
file
hidden
image
password
radio
reset
submit
text		 Definuje typ vstupu.
hodnota definuje počáteční hodnotu nebo výchozí výběr vstupního pole.,
Adam is a technical writer who specializes in developer documentation and tutorials.