Mikor Kell Használni Bemenet automatikus Kiegészítés HTML (Illetve, Ha a Lista Vagy Datalist)

Új(szerű) a HTML5

A autocomplete attribútum vezették be, mint egy nem hivatalos HTML funkció a Microsoft Internet Explorer, s elfogadta számos más böngészőkben. Tehát már régóta széles körben támogatják, bár pontos viselkedését nem szabványosították. A HTML5 használatával a autocomplete attribútum a specifikáció hivatalos része.,

autocomplete vs.list & <datalist>

a autocomplete attribútum kéri a böngészőt, hogy kísérelje meg az automatikus kiegészítést, felhasználói előzmények alapján. Ez hasznos a személyes adatok, mint a név, e — mail cím-a dolgok a felhasználó valószínűleg van típusú hasonló beviteli mezők más weboldalakon. A autocomplete funkció nem tudja megadni a böngészőnek a webhelyspecifikus automatikus kiegészítési lehetőségek listáját., A webhelyspecifikus javaslatokkal történő automatikus kiegészítéshez használja a listattribútumot a <datalist> elemmel.

szándékosan “törött”

az összes fő böngésző figyelmen kívül hagyja a autocomplete="off" értéket bizonyos típusú beviteli mezők esetén. Az Internet Explorer és az Edge figyelmen kívül hagyja az összes password mezőt. A Firefox a bejelentkezési űrlapon semmilyen mezőre nem veszi figyelembe. A Chrome figyelmen kívül hagyja azt bármikor, amikor a felhasználó úgy döntött, hogy hagyja, hogy a böngésző emlékezzen az űrlapadatokra. A Safari figyelmen kívül hagyja a felhasználónév, az e-mail és a Jelszó mezőket., A autocomplete="off" érték figyelmen kívül hagyása a használhatóság növelése érdekében történik, a gve pedig nagyobb ellenőrzést gyakorol az automatikus kiegészítés viselkedésére. UX-tervezőként kövesse az ólmot és használja a autocomplete="off" takarékosan. Nagyon kevés felhasználási eset van normál formában, ahol valóban érdemes letiltani a autocomplete. Néhány összetett alkalmazásban érdemes elkerülni a véletlen bemeneteket,de a legtöbb szabványos formában valójában nincs oka.,

Automatikus kiegészítés és név

a böngészők aname attribútumot használják annak kiderítésére, hogy milyen típusú információt kér egy beviteli mező. Tehát használja a nameszabványos, értelmes értékeket., Ha ön azt kérdezi a cím, használja nevek, mint:

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

Ne használj okos, vagy nagyon konkrét nevek, mint ez megnehezíti a böngésző nyújtanak automatikus kiegészítési javaslata van, de lehet, hogy a böngésző, töltse ki a megfelelő értékeket a rossz bemenet., (Előfordult már, hogy a böngésző töltse ki telefonszámát az irányítószám mezőbe? Ez a rossz elnevezés hibája volt.)

Attribútum neve	értékek	Megjegyzések
lépés	a	megadja az érvényes értékek közötti intervallumot egy számalapú bemenetben.
szükséges		meghatározza, hogy a beviteli mező szükséges; letiltja az űrlap elküldését, és figyelmezteti a felhasználót, ha a szükséges mező üres.
helyőrző		helyőrző szöveget ad meg egy szövegalapú bemenetben.,
pattern		megad egy reguláris kifejezést, amely ellen érvényesítheti a bemenet értékét.
több		lehetővé teszi a felhasználó számára, hogy több értéket adjon meg egy fájlfeltöltési vagy e-mail bemenetbe.
min		megadja a szám-és dátumbeviteli mezők minimális értékét.
max		megadja a szám-és dátumbeviteli mezők maximális értékét.,
list		megadja a <datalist> elem, amely tartalmazza a bemeneti mező automatikus kiegészítésére vonatkozó javaslatok listáját.
magasság		meghatározza a képbevitel magasságát.
formtarget		megadja azt a böngészési környezetet, amelyben az űrlap elküldése után megnyithatja a választ a kiszolgálóról. Csak a “küldés” vagy a “kép”beviteli típusoknál használható.,
formmethod		meghatározza a HTTP módszer (GET vagy POST) kell használni, ha az űrlap adatokat a szerver. Csak a “küldés” vagy a “kép”beviteli típusokhoz használható.
formenctype		meghatározza, hogy az űrlapadatokat hogyan kell elküldeni a kiszolgálónak. Csak a “küldés” és a “kép”beviteli típusoknál használható.
formaction		megadja az űrlap benyújtásának URL-jét. Csak type=”submit” és type=”image”esetén használható.
form		megad egy űrlapot, amelyhez a beviteli mező tartozik.,
autofókusz		meghatározza, hogy a beviteli mezőnek az oldal betöltésekor azonnal fókuszban kell lennie.
accesskey		meghatározza az elem billentyűparancsát.
autocomplete	off on	megadja, hogy a böngészőnek meg kell-e próbálnia automatikusan befejezni a bemenetet a hasonló mezőkhöz tartozó felhasználói bemenetek alapján.
border			egy bemenet határának megadására használták. Elavult. Használja CSS helyett.,
checked		megadja, hogy a jelölőnégyzet vagy a rádió gomb form inputját alapértelmezés szerint be kell-e jelölni.
letiltva		letiltja a beviteli mezőt.
maxlength		megadja a szöveg típusú bemenetbe beírható karakterek maximális számát.
language		a bemenet által kiváltott eseményekhez használt szkriptnyelv jelzésére használták.
name		megadja egy bemeneti elem nevét., Az űrlap elküldésekor az egyes bemeneti elemek neve és értéke szerepel a HTTP kérésben.
size		adja meg a bemenet szélességét karakterekben.
src		meghatározza a képbevitel forrás URL-jét.
type	button checkbox file hidden image password radio reset submit text	meghatározza a bemeneti típust.
value		egy bemeneti mező kezdeti értékét vagy alapértelmezett kijelölését határozza meg.,

Adam is a technical writer who specializes in developer documentation and tutorials.