Kurdami projektus realiuoju laiku, pvz., naujienlaiškių registraciją, kontaktines formas, atsiskaitymo formas ir naudotojų prisijungimus, „ paštu “ laukas yra būtinas. Vartotojas turi įvesti savo el. pašto adresą, kad galėtų tęsti arba pradėti procesą, taip pat prisijungti prie savo paskyros. Šiuo tikslu vartotojas kiekvieną kartą turi pateikti prisijungimo el. pašto adresą arba užsiregistruoti, o tai daro blogą vartotojo patirtį. Ši problema išspręsta naudojant JavaScript HTML DOM automatinio užbaigimo ypatybę.
Šiame tinklaraštyje paaiškinama „JavaScript“ HTML DOM įvesties el. pašto automatinio užbaigimo ypatybės tvarkymo procedūra.
Kaip tvarkyti HTML DOM įvesties el. pašto automatinio užbaigimo nuosavybę?
HTML DOM įvesties automatinio užbaigimo savybė “ paštu “, pateikia sąrašą su naujausiais duomenimis, kurie anksčiau buvo įterpti į „ paštu “ lauką. Tai leidžia vartotojui pasirinkti savo el. paštą iš sąrašo, jei jis pasiekiamas automatiškai.
Sintaksė
DOM įvesties el. pašto automatinio užbaigimo ypatybės sintaksė nurodyta toliau:
paštasObj. automatinis užbaigimas = 'įjungta|išjungta'
Aukščiau pateikta sintaksė nustato ir pašalina automatinio užbaigimo ypatybę per elementą emailObj.
paštasObj. automatinis užbaigimas
Ši sintaksė nuskaito „ automatinis užbaigimas “, kad sužinotumėte, ar ši nuosavybė įjungta, ar ne.
Turėkime JavaScript programą automatinio užbaigimo nuosavybei
Pavyzdys: automatinio užbaigimo nuosavybės vertės įjungimas, išjungimas ir gavimas
Šiame pavyzdyje automatinio užbaigimo ypatybė bus išjungta, įjungta nustatant šią nuosavybę į „ įjungta “ ir „ išjungti “ atitinkamai. Tada bus nuskaityta dabartinė automatinio užbaigimo nuosavybės vertė:
< kūnas >< centras >
< h1 stilius = 'spalva: kadeto mėlyna;' > Linux < / h1 >
El. paštas: < įvestis tipo = 'el. paštas' id = 'demoEmail' >
< br >
< br >
< mygtuką paspaudus = 'Išjungti ()' > Išjungiklis < / mygtuką >
< mygtuką paspaudus = 'Įgalinimo priemonė ()' > Įgalinimo priemonė < / mygtuką >
< h3 id = 'taikinys' > < / h3 >
< mygtuką paspaudus = 'Checker()' > Šaškė < / mygtuką >
< / centras >
< scenarijus >
function Disabler() {
document.getElementById('demoEmail').autocomplete = 'off';
}
function Enabler() {
document.getElementById('demoEmail').autocomplete = 'įjungta';
}
function Checker() {
var j = document.getElementById('demoEmail').automatinis užbaigimas;
document.getElementById('target').innerHTML = j;
}
< / scenarijus >
< / kūnas >
Aukščiau pateikto kodo bloko paaiškinimas pateikiamas toliau:
- Pirma, „ įvestis ' elementas sukurtas naudojant atributo tipą ' paštu “, kad priimtumėte ir atliktumėte pagrindinį patvirtinimą, kad įsitikintumėte, jog įvesti duomenys yra el.
- Tada sukuriami trys mygtukų elementai, kurie vadina „ Disabler()“, „Enabler()“ ir „Checker() “ funkcijas.
- Dabar apibrėžkite „ Išjungiklis ()“ funkciją pasirinkdami „ įvestis “ elementą, naudojant jo ID ir priskiriant „ reikšmę išjungti 'dėl jos' automatinis užbaigimas ' nuosavybė.
- Viduje ' Įgalinimo priemonė ()“ funkciją, taikykite tą patį „ automatinis užbaigimas 'ypatybę, bet dabar priskirkite jai vertę ' įjungta “.
- Po to apibrėžkite „ Šaškė ()“ funkcija, pridedant tik „ automatinis užbaigimas “ šalia įvesties elemento nuorodos ir išsaugokite jį kintamajame “ j “.
- Pabaigoje parodykite šio kintamojo reikšmę ' j ' per tinklalapį naudodami ' vidinis HTML ' nuosavybė.
Išvestis sudarius aukščiau pateiktą informaciją rodoma taip:
Išvestis rodo, kad įvesties el. pašto automatinio užbaigimo ypatybė yra išjungta ir įgalinta. Jo vertė taip pat nuskaitoma ir rodoma tinklalapyje.
Išvada
HTML DOM įvesties el. pašto automatinio užbaigimo ypatybė automatiškai sukuria sąrašą, kuriame yra reikšmės, kurias naudotojas anksčiau įvedė el. pašto lauke. Taigi vartotojas gali lengvai pasirinkti iš anksčiau įvestų duomenų ir taip pagerinti vartotojo patirtį. Ši savybė nustatoma, kai „ įjungta “ yra jam priskiriamas ir išjungiamas, kai reikšmė „ išjungti “ yra praėjęs. Šis tinklaraštis paaiškino DOM įvesties el. pašto automatinio užbaigimo ypatybę naudojant „JavaScript“.