Za ustvarjanje projektov v realnem času, kot so prijave na glasila, kontaktni obrazci, obrazci za odjavo in prijave uporabnikov, je » E-naslov « Polje je obvezno. Uporabnik mora za nadaljevanje ali začetek postopka vnesti svoj e-poštni naslov in se tudi prijaviti v svoj račun. Za ta namen mora uporabnik vsakokrat posredovati e-poštno prijavo ali se registrirati, kar predstavlja slabo uporabniško izkušnjo. Ta težava je odpravljena s pomočjo lastnosti samodokončanja JavaScript HTML DOM.
V tem spletnem dnevniku je razložen postopek za obravnavanje lastnosti samodokončanja vhodne e-pošte HTML DOM JavaScripta.
Kako ravnati z lastnostjo samodokončanja vnosa e-pošte HTML DOM?
Lastnost samodokončanja vnosa HTML DOM ' E-naslov ” ponuja seznam z najnovejšimi podatki, ki so bili predhodno vstavljeni v E-naslov ”. Uporabniku omogoča, da izbere svojo e-pošto s seznama, če je na voljo samodejno.
Sintaksa
Sintaksa za lastnost samodokončanja vhodne e-pošte DOM je navedena spodaj:
emailObj. samodokončanje = 'vklop|izklop'
Zgornja sintaksa nastavi in odstrani lastnost samodokončanja nad elementom emailObj.
emailObj. samodokončanje
Ta sintaksa pridobi vrednost » samodokončanje ”, da ugotovite, ali je ta lastnost omogočena ali ne.
Imejmo program JavaScript za lastnost samodokončanja
Primer: omogočanje, onemogočanje in pridobivanje vrednosti lastnosti samodokončanja
V tem primeru bo lastnost samodokončanja onemogočena, omogočena z nastavitvijo te lastnosti na ' na « in » izklopljeno « oz. Nato bo pridobljena trenutna vrednost lastnosti samodokončanja:
< telo >< center >
< h1 stil = 'barva: kadetsko modra;' > Linux < / h1 >
E-naslov: < vnos vrsto = 'E-naslov' id = 'demoEmail' >
< št >
< št >
< gumb onclick = 'Onemogoči()' > Onemogočilec < / gumb >
< gumb onclick = 'Omogoči()' > Enabler < / gumb >
< h3 id = 'tarča' > < / h3 >
< gumb onclick = 'Checker()' > Checker < / gumb >
< / center >
< scenarij >
funkcija Disabler() {
document.getElementById('demoEmail').autocomplete = 'off';
}
funkcija Enabler() {
document.getElementById('demoEmail').autocomplete = 'on';
}
funkcija Checker() {
var j = document.getElementById('demoEmail').autocomplete;
document.getElementById('target').innerHTML = j;
}
< / scenarij >
< / telo >
Razlaga zgornjega kodnega bloka je navedena spodaj:
- Prvič, ' vnos ' element je ustvarjen z vrsto atributa ' E-naslov ”, da sprejmete in izvedete osnovno preverjanje, da zagotovite, da so vneseni podatki e-pošta.
- Nato se ustvarijo trije elementi gumba, ki kličejo » Disabler()', 'Enabler()' in 'Checker() ” funkcije.
- Zdaj definirajte » Onemogočilec ()«, tako da izberete » vnos ' z uporabo njegovega ID-ja in dodelitvijo vrednosti ' izklopljeno 'za svoje' samodokončanje ” lastnina.
- V ' Enabler ()« uporabite enako » samodokončanje ', zdaj pa ji dodelite vrednost ' na ”.
- Po tem določite » Checker ()« funkcijo tako, da dodate samo » samodokončanje ” poleg reference vhodnega elementa in ga shranite v spremenljivko “ j ”.
- Na koncu prikažite vrednost te spremenljivke “ j ' preko spletne strani z uporabo ' notranjiHTML ” lastnina.
Izhod po kompilaciji zgornjega je prikazan kot:
Izhod kaže, da je lastnost samodokončanja vhodne e-pošte onemogočena in omogočena. Njegova vrednost se prav tako pridobi in prikaže na spletni strani.
Zaključek
Lastnost samodokončanja vnosa e-pošte HTML DOM samodejno ustvari seznam, ki vsebuje vrednosti, ki jih je uporabnik predhodno vnesel v polje e-pošte. Tako lahko uporabnik enostavno izbira med predhodno vnesenimi podatki in s tem izboljša uporabniško izkušnjo. Ta lastnost je nastavljena, ko je vrednost ' na « mu je dodeljen in onemogočen, ko je vrednost » izklopljeno ” je sprejet. Ta blog je razložil lastnost samodokončanja vnosa e-pošte DOM z JavaScriptom.