Nou(ish) în HTML5

autocomplete atribut a fost introdusă ca o neoficial HTML caracteristică în Microsoft Internet Explorer, și a fost adoptat de un număr de alte browsere. Deci, a existat un sprijin larg pentru aceasta de mult timp, deși comportamentul său exact nu a fost standardizat. Cu HTML5, atributul autocomplete este o parte oficială a specificației.,

automată vs listă & <datalist>

autocomplete atribut cere browser-ul pentru a încerca autocompletare, pe baza de user istorie. Acest lucru este util pentru detalii personale, cum ar fi numele și adresa de e — mail-lucruri pe care utilizatorul este probabil să aibă tipuri în câmpuri de intrare similare pe alte site-uri web. Caracteristica autocomplete nu este capabilă să furnizeze browserului o listă de opțiuni de completare automată specifice site-ului., Pentru completare automată comportament cu site-sugestii specifice, utilizați list atribut cu <datalist> element.

în mod deliberat „rupt”

toate browserele majore ignoră valoarea autocomplete="off" pentru anumite tipuri de câmpuri de intrare. Internet Explorer și Edge îl ignoră pentru toate câmpurile password. Firefox îl ignoră pentru orice câmp într-un formular de conectare. Chrome îl ignoră de fiecare dată când utilizatorul a ales să lase browserul să-și amintească datele din formular. Safari îl ignoră pentru câmpurile Nume de utilizator, e-mail și parolă., Ignorând valoarea autocomplete="off" se face pentru a spori gradul de utilizare, și gve utilizatorului mai mult control asupra comportamentului completare automată. Ca un designer de UX, ar trebui să urmeze exemplul lor și de a folosiautocomplete="off" cu moderație. Există sunt foarte puține cazuri de utilizare în forme normale în cazul în care într-adevăr are sens să interzică autocomplete. În unele aplicații complexe, este logic să evitați intrările accidentale, dar cu majoritatea formularelor standard nu există niciun motiv pentru aceasta.,

Completare automată și nume

browserele utilizează atributul name pentru a afla ce tip de informații solicită un câmp de introducere. Deci, utilizați valori standard, semnificative pentru name., Dacă vi se cere o adresa, folosesc nume ca:

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

nu folosi inteligent sau ciudat nume specifice, ca e mai greu pentru browser-ul pentru a oferi sugestii de completare automată, și poate duce chiar la browser încercarea de a umple în valori greșite în intrări greșite., (Ați avut vreodată browser-ul dvs. umple numărul de telefon în câmpul Cod poștal? Asta a fost vina numirii proaste.)

Valorile de completare automată Atribut

Nume de Valoare Note
pe se Transformă de completare automată.
pe activează completarea automată.,

Toate Atributele de intrare Element

nume Atribut Valori Note
pas Specifică intervalul dintre valorile valide în funcție de numărul de intrare.
necesar specifică faptul că câmpul de intrare este necesar; nu permite trimiterea formularului și avertizează utilizatorul dacă câmpul necesar este gol.
substituent specifică textul substituent într-o intrare bazată pe text.,
pattern specifică o expresie regulată împotriva căreia să valideze valoarea intrării.
multiple permite utilizatorului să introducă mai multe valori într-un fișier de încărcare sau de intrare de e-mail.
min specifică o valoare minimă pentru câmpurile de introducere a numărului și datei.
max specifică o valoare maximă pentru câmpurile de introducere a numărului și datei.,
lista Specifică id-ul unui <datalist> element care oferă o listă de sugestii de completare automată pentru câmpul de intrare.
înălțime specifică înălțimea unei intrări de imagine.
formtarget specifică contextul de navigare în care se deschide răspunsul de la server după trimiterea formularului. Pentru utilizare numai pe tipuri de intrare de „submit”sau ” image”.,
formmethod specifică metoda HTTP (GET sau POST) care trebuie utilizată atunci când datele formularului sunt trimise către server. Numai pentru utilizarea pe tipuri de intrare de „trimite ” sau”imagine”.
formenctype specifică modul în care datele formular ar trebui să fie trimise la server. Numai pentru utilizarea pe tipuri de intrare „submit”și ” image”.
formaction specifică adresa URL pentru depunerea Formularului. Poate fi utilizat numai pentru type=”submit” și type= „image”.
form specifică un formular căruia îi aparține câmpul de introducere.,
autofocus specifică faptul că câmpul de intrare ar trebui să fie focalizat imediat după încărcarea paginii.
accesskey definește o comandă rapidă de la tastatură pentru element.
completare automată off
on 		specifică dacă browserul ar trebui să încerce să completeze automat intrarea pe baza intrărilor utilizatorului în câmpuri similare.
border a fost folosit pentru a specifica o bordură pe o intrare. Depreciat. Utilizați CSS în schimb.,
verificat specifică dacă o casetă de selectare sau un buton radio de intrare formular ar trebui să fie verificate în mod implicit.
dezactivat dezactivează câmpul de introducere.
maxlength specifică numărul maxim de caractere care pot fi introduse într-o intrare de tip text.
language a fost folosit pentru a indica limbajul de scripting folosit pentru evenimentele declanșate de intrare.
nume specifică numele unui element de intrare., Numele și valoarea fiecărui element de intrare sunt incluse în cererea HTTP atunci când formularul este trimis.
Dimensiune specifică lățimea intrării în caractere.
src definește URL-ul sursă pentru o intrare de imagine.
tip button
checkbox
file
hidden
image
password
radio
reset
submit
text		 definește tipul de intrare.
valoare definește o valoare inițială sau o selecție implicită pentru un câmp de intrare.,
Adam is a technical writer who specializes in developer documentation and tutorials.