Ny(ish) i HTML5

autocomplete attribut, der blev introduceret som en uofficiel HTML-funktion i Microsoft ‘ s Internet Explorer, og blev vedtaget af en række andre browsere. Så der har været bred støtte til det i lang tid, selvom dens nøjagtige opførsel ikke var standardiseret. Med HTML5 er attributten autocomplete en officiel del af specifikationen.,

autofuldførelse vs. liste & <datalist>

autocomplete attribut beder browseren til at forsøge autofuldførelse, baseret på brugerens historie. Dette er nyttigt for personlige oplysninger som navn og e — mail-adresse-ting, som brugeren sandsynligvis har typer i lignende inputfelter på andre webebsteder. Funktionen autocomplete er ikke i stand til at give bro .seren en liste over optionsebstedsspecifikke autofuldføringsindstillinger., For autofuldførelse med stedspecifikke forslag skal du bruge list attributten med <datalist> elementet.

bevidst “brudt”

alle de store bro .sere ignorererautocomplete="off" værdi for visse typer inputfelter. Internet e .plorer og Edge ignorere det for allepassword felter. Firefo.ignorerer det for ethvert felt i en login-formular. Chrome ignorerer det, når brugeren har valgt at lade bro .seren huske formulardata. Safari ignorerer det for Brugernavn, E-mail og adgangskode felter., Ignorering afautocomplete="off" – værdien gøres for at forbedre brugervenligheden, og GVE brugeren mere kontrol over autofuldførelse. Som U. – designer skal du følge deres ledelse og bruge autocomplete="off" sparsomt. Der er meget få brugssager i normale former, hvor det virkelig giver mening at afvise autocomplete. I nogle komplekse apps er det fornuftigt at undgå utilsigtede input, men med de fleste standardformularer er der virkelig ingen grund til det.,

Autofuldførelse og navn

Browsere brug name – attributten for at finde ud af, hvilken type af oplysninger, som et input felt beder om. Så brug standard, meningsfulde værdier for name., Hvis du spørger efter en adresse, skal du bruge navne som:

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

Må ikke bruge smart eller ulige specifikke navne, som der gør det sværere for den browser til at give autofuldførelse forslag, og det kan endda føre til, at browseren forsøger at udfylde i det forkerte værdier i de forkerte indgange., (Har du nogensinde haft din bro ?ser udfylde dit telefonnummer i Postnummer feltet? Det var skyld i dårlig navngivning.)

Værdier af autofuldførelse Attribut

Værdi Navn Noter
fra Viser autofuldførelse fra.
on tænder autofuldførelse.,

Alle Attributter af input Element

Attribut navn – Værdier Noter
trin Angiver intervallet mellem gyldige værdier i en række-baseret input.
påkrævet angiver, at inputfeltet er påkrævet; deaktiverer indsendelse af formularer og advarer brugeren, hvis det krævede felt er tomt.
pladsholder angiver pladsholdertekst i et tekstbaseret input.,
mønster angiver et regulært udtryk, mod hvilket værdien af input skal valideres.
multiple giver brugeren mulighed for at indtaste flere værdier i en fil upload eller e-mail input.
min angiver en minimumsværdi for antal og dato indtastningsfelter.
ma. angiver en maksimal værdi for antal og dato indtastningsfelter.,
liste Angiver id ‘ et <datalist> – element, der indeholder en liste over autofuldførelse forslag til input-feltet.
højde angiver højden af et billede input.
formtarget angiver den bro .singkontekst, som serveren skal besvare efter indsendelse af formularer. Kun til brug på input typer af” indsende “eller”billede”.,
formmethod specificerer den HTTP-metode (GET eller POST), der skal bruges, når formulardataene sendes til serveren. Kun til brug på input typer af” indsende “eller”billede”.
formenctype angiver, hvordan formulardata skal indsendes til serveren. Kun til brug på input typer” Send “og”billede”.
formaction angiver URL ‘ en for indsendelse af formularer. Kan kun bruges til type= “Send” og type=”billede”.
form specificerer en formular, som inputfeltet tilhører.,
autofokus specificerer, at inputfeltet skal være i fokus umiddelbart efter sideindlæsning.
accesskey definerer en tastaturgenvej for elementet.
autofuldførelse off
on		 angiver, om bro .seren skal forsøge automatisk at fuldføre input baseret på brugerindgange til lignende felter.
grænse blev brugt til at angive en grænse på et input. Forældet. Brug CSS i stedet.,
markeret angiver, om et afkrydsningsfelt eller en alternativknapform input skal kontrolleres som standard.
deaktiveret deaktiverer inputfeltet.
ma .length angiver det maksimale antal tegn, der kan indtastes i en tekst-type input.
sprog blev brugt til at angive scriptsprog bruges til begivenheder udløst af input.
navn Angiver navnet på et input-element., Navnet og værdien af hvert inputelement er inkluderet i HTTP-anmodningen, når formularen indsendes.
størrelse angiver bredden af input i tegn.
src definerer kilden URL for et billede input.
type button
checkbox
file
hidden
image
password
radio
reset
submit
text		 Definerer input type.
værdi definerer en startværdi eller standardvalg for et inputfelt.,
Adam is a technical writer who specializes in developer documentation and tutorials.