За креирање пројеката у реалном времену као што су пријаве за билтен, обрасци за контакт, обрасци за плаћање и пријаве корисника, „ емаил ” поље је обавезно. Корисник мора да унесе своју е-пошту да би наставио или започео процес и такође да се пријави на свој налог. У ту сврху, корисник мора сваки пут да обезбеди пријаву путем поште или да се региструје, што га чини лошим корисничким искуством. Овај проблем је решен уз помоћ својства аутоматског довршавања ЈаваСцрипт ХТМЛ ДОМ-а.
Овај блог објашњава процедуру за руковање својством аутоматског довршавања е-поште у ХТМЛ ДОМ-у ЈаваСцрипт-а.
Како руковати својством аутоматског довршавања ХТМЛ ДОМ уноса е-поште?
Својство аутоматског довршавања ХТМЛ ДОМ уноса “ емаил ” елемент, пружа листу која садржи најновије податке који су претходно уметнути у „ емаил ” поље. Омогућава кориснику да изабере своју е-пошту са листе ако је аутоматски доступна.
Синтакса
Синтакса за својство аутоматског довршавања уноса ДОМ-а је наведена у наставку:
емаилОбј. аутоцомплете = 'укључено|искључено'
Горња синтакса поставља и уклања својство аутоцомплете преко елемента емаилОбј.
емаилОбј. аутоцомплете
Ова синтакса преузима вредност „ аутоцомплете ” да бисте сазнали да ли је ово својство омогућено или не.
Хајде да имамо ЈаваСцрипт програм за својство аутодовршавања
Пример: Омогућавање, онемогућавање и преузимање вредности својства Аутоцомплете
У овом примеру, својство аутоцомплете ће бити онемогућено, омогућено подешавањем овог својства на „ на ' и ' ван ' редом. Затим ће се преузети тренутна вредност својства аутодовршавања:
< тело >< центар >
< х1 стил = 'боја: кадетско плава;' > Линук < / х1 >
Е-маил: < улазни тип = 'е-пошта' ид = 'демоЕмаил' >
< бр >
< бр >
< дугме онцлицк = „Онемогући()“ > Дисаблер < / дугме >
< дугме онцлицк = „Енаблер()“ > Енаблер < / дугме >
< х3 ид = 'циља' > < / х3 >
< дугме онцлицк = 'Цхецкер()' > Цхецкер < / дугме >
< / центар >
< скрипта >
функција Дисаблер() {
доцумент.гетЕлементБиИд('демоЕмаил').аутоцомплете = 'искључено';
}
функција Енаблер() {
доцумент.гетЕлементБиИд('демоЕмаил').аутоцомплете = 'он';
}
фунцтион Цхецкер() {
вар ј = доцумент.гетЕлементБиИд('демоЕмаил').аутоцомплете;
доцумент.гетЕлементБиИд('таргет').иннерХТМЛ = ј;
}
< / скрипта >
< / тело >
Објашњење горњег блока кода је наведено у наставку:
- Прво, „ улазни ” елемент је креиран са врстом атрибута “ емаил ” да бисте прихватили и извршили основну провјеру ваљаности како бисте били сигурни да су унесени подаци имејл.
- Затим се креирају три елемента дугмета који позивају „ Дисаблер()“, „Енаблер()“ и „Цхецкер() ' функције.
- Сада дефинишите „ Дисаблер ()” избором „ улазни ” елемент који користи свој ИД и додељује вредност „ ван ' За своје ' аутоцомплете ' имовина.
- У „ Енаблер ()”, примените исту „ аутоцомплете ” својство, али му сада доделите вредност „ на ”.
- Након тога, дефинишите „ Цхецкер ()” додавањем само „ аутоцомплете ” поред референце елемента уноса и сачувајте га у променљивој “ ј ”.
- На крају, прикажите вредност ове променљиве “ ј ” преко веб странице користећи „ иннерХТМЛ ' имовина.
Излаз након компилације горе наведеног је приказан као:
Излаз показује да је својство аутоматског довршавања улазне е-поште онемогућено и омогућено. Његова вредност се такође преузима и приказује на веб страници.
Закључак
Својство аутоматског довршавања е-поште за унос ХТМЛ ДОМ аутоматски креира листу која садржи вредности које је корисник претходно унео у поље е-поште. Тако да корисник може лако да бира између својих претходно унетих података и на тај начин побољшава корисничко искуство. Ово својство се поставља када је вредност „ на ” му се додељује и онемогућава када се вредност „ ван ” је усвојен. Овај блог је објаснио својство аутоматског довршавања ДОМ улаза путем ЈаваСцрипт-а.