Uusi(ish) HTML5

autocomplete ominaisuus otettiin käyttöön epävirallinen HTML ominaisuus, Microsoft Internet Explorer, ja hyväksyi useita muiden selainten. Sille on siis ollut laajaa kannatusta jo pitkään, vaikka sen tarkkaa käyttäytymistä ei standardisoitu. HTML5, autocomplete määrite on virallinen osa erittely.,

autocomplete vs. list & <datalist>

autocomplete attribuutti kysyy selaimen yrittää autocompletion, joka perustuu käyttäjän historia. Tämä on hyödyllistä henkilökohtaisia tietoja, kuten nimi ja sähköpostiosoite — asioita käyttäjä todennäköisesti on tyyppejä vastaaviin syöttökenttiä muilla verkkosivuilla. autocomplete – ominaisuus ei pysty tarjoamaan selaimelle luetteloa paikkakohtaisista automaattitäydennysvaihtoehdoista., Autocomplete käyttäytymistä laitoskohtaiset ehdotuksia, käytä list ominaisuus <datalist> elementti.

Tarkoituksella ”rikki”

Kaikki suuret selaimet sivuuttaa autocomplete="off" arvo tietyn tyyppisiä input-kenttiin. Internet Explorer ja Edge jättävät sen huomiotta kaikille password kentille. Firefox sivuuttaa sen minkä tahansa kentän kirjautumismuodossa. Chrome jättää sen huomiotta milloin tahansa käyttäjä on päättänyt antaa selaimen muistaa lomakkeen tiedot. Safari sivuuttaa sen Käyttäjätunnus, sähköposti, ja Salasana kentät., Unohdetaan autocomplete="off" arvo on tehnyt parantavat käytettävyyttä, ja anna käyttäjä enemmän hallita automaattisen täydennyksen käytöstä. UX-suunnittelijana kannattaa seurata niiden johtoa ja käyttää autocomplete="off" niukasti. Normaalimuodossa on hyvin vähän käyttötapauksia, joissa on todella järkevää kieltää autocomplete. Joissakin monimutkaisissa sovelluksissa on järkevää välttää vahingossa tuloa, mutta useimmissa vakiolomakkeissa ei todellakaan ole syytä siihen.,

automaattinen Täydennys ja nimi

– Selaimet käyttää name attribuutti, jotta voidaan selvittää, millaista tietoa kenttään on pyytänyt. Käytä siis standardoituja, mielekkäitä arvoja name., Jos olet pyytää osoitteen, käytä nimiä, kuten:

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

Älä käytä fiksu tai kumma tiettyjä nimiä, koska se tekee siitä vaikeampaa selain tarjota automaattinen täydennys ehdotuksia, ja se voi johtaa jopa selain yrittää täyttää vääriä arvoja vääriin tuloa., (Oletko koskaan saanut selaimesi täyttämään puhelinnumerosi postinumerokenttään? Se oli huono nimeäminen.)

Arvot automaattinen täydennys Ominaisuus

Arvo Nimi Muistiinpanot
ei Kääntyy automaattinen täydennys pois.
on kääntää automaattitäydennyksen päälle.,

Kaikki Attribuutit input-Elementti

Ominaisuus Arvot Muistiinpanot
askel Määrittää väli voimassa arvot määrään perustuva tulo.
vaaditaan Määrittää, että input-kenttä on pakollinen; ei salli lomakkeen lähetyksen ja ilmoittaa käyttäjälle, jos pakollinen kenttä on tyhjä.
paikkamerkki Määrittää paikkamerkki tekstiä-pohjainen tulon.,
malli Määrittelee säännöllisen lausekkeen, jota vastaan vahvistaa arvon tulo.
useita Avulla käyttäjä voi syöttää useita arvoja tulee tiedostojen lataaminen tai sähköpostitse input.
min Määrittää, pienin arvo, numero ja päivämäärä tietokentät.
max Määrittää, suurin arvo, numero ja päivämäärä tietokentät.,
kyllä Määrittää id <datalist> elementti, joka sisältää luettelon automaattinen täydennys ehdotuksia-kenttään.
korkeus Määrittää korkeus kuvan tulo.
formtarget Määrittää selaamisen yhteydessä, joka avaa vastausta palvelimelta jälkeen lomakkeen lähettäminen. Käytetään vain syötetyypeissä ”lähetä ” tai”kuva”.,
formmethod Määrittää HTTP-metodi (GET tai POST), jota käytetään, kun lomakkeen tiedot on lähetetty palvelimelle. Käytetään vain syötetyypeissä ”lähetä ” tai”kuva”.
formenctype Määrittää, miten lomakkeen tiedot olisi toimitettava palvelimelle. Vain syötetyypeille ”Lähetä” ja ”kuva”.
formaction Määrittää URL-lomakkeen lähettäminen. Voidaan käyttää vain type= ”Lähetä” ja type=”kuva”.
muodossa Määrittää lomake, jonka kenttään kuuluu.,
automaattitarkennus Määrittää, että kenttä tulisi keskittyä heti, kun sivu latautuu.
accesskey Määrittelee pikanäppäimen elementti.
automaattinen ei
on		 Määrittää, onko selaimen pitäisi yrittää automaattisesti täydellinen tulo perustuu käyttäjä syöttää vastaaviin kenttiin.
rajalla käytettiin määritä raja-tuloon. Surkeasti. Käytä sen sijaan CSS: ää.,
tarkastettu Määrittää, onko valintaruutu tai valintanappi muodossa tulo pitäisi olla valittuna oletusarvoisesti.
ei käytössä Poistaa input-kenttään.
maxlength Määrittää merkkien enimmäismäärä, jotka voidaan syöttää teksti-tyyppi tulo.
kieli Oli käyttää osoittamaan scripting kieli, jota käytetään tapahtumat käynnistyvät tulo.
nimi Määrittää nimi input-elementti., Jokaisen syöttöelementin nimi ja arvo sisältyvät HTTP-pyyntöön lomakkeen lähettämisen yhteydessä.
koko Määrittää leveys input merkkiä.
src Määrittelee lähde-URL-osoitteen, kuvan tulo.
tyyppi button
checkbox
file
hidden
image
password
radio
reset
submit
text		 Määritellään input type.
arvo Määritellään alustava arvo tai default valinta-kenttään.,
Adam is a technical writer who specializes in developer documentation and tutorials.