Для создания проектов в режиме реального времени, таких как подписка на рассылку новостей, контактные формы, формы оформления заказа и входы пользователей, « электронная почта ' Поле, обязательное для заполнения. Пользователь должен ввести свой адрес электронной почты, чтобы продолжить или начать процесс, а также войти в свою учетную запись. Для этого пользователю приходится каждый раз предоставлять почтовый логин или регистрироваться, что усложняет работу пользователя. Эта проблема решена с помощью свойства автозаполнения JavaScript HTML DOM.
В этом блоге объясняется процедура обработки свойства автозаполнения входного электронного письма HTML DOM в JavaScript.
Как обрабатывать свойство автозаполнения ввода электронной почты в HTML DOM?
Свойство автозаполнения ввода HTML DOM « электронная почта элемент предоставляет список, содержащий самые последние данные, которые ранее были вставлены в элемент « электронная почта ' поле. Это позволяет пользователю выбрать свой адрес электронной почты из списка, если он доступен автоматически.
Синтаксис
Синтаксис свойства автозаполнения ввода электронной почты DOM приведен ниже:
электронная почтаОбъект. автозаполнение '=' 'вкл | выкл'
Приведенный выше синтаксис устанавливает и удаляет свойство автозаполнения элемента emailObj.
электронная почтаОбъект. автозаполнение
Этот синтаксис извлекает значение « автозаполнение », чтобы узнать, включено ли это свойство или нет.
Давайте создадим программу JavaScript для автозаполнения свойств.
Пример: включение, отключение и получение значения свойства автозаполнения
В этом примере свойство автозаполнения будет отключено и включено путем установки для этого свойства значения « на ' и ' выключенный ' соответственно. Затем будет получено текущее значение свойства автозаполнения:
< тело >< центр >
< ч1 стиль '=' 'цвет: кадетский синий;' > Линукс < / ч1 >
Электронная почта: < вход тип '=' 'электронная почта' идентификатор '=' 'demoEmail' >
< бр >
< бр >
< кнопка по щелчку '=' «Отключить()» > Дисэйблер < / кнопка >
< кнопка по щелчку '=' «Активатор()» > Активатор < / кнопка >
< h3 идентификатор '=' 'цель' > < / h3 >
< кнопка по щелчку '=' 'Шашка()' > Шашка < / кнопка >
< / центр >
< сценарий >
функция Отключить() {
document.getElementById('demoEmail').autocomplete = 'off';
}
функция Активатор() {
document.getElementById('demoEmail').autocomplete = 'on';
}
функция Проверка() {
var j = document.getElementById('demoEmail').autocomplete;
document.getElementById('target').innerHTML = j;
}
< / сценарий >
< / тело >
Объяснение приведенного выше блока кода приведено ниже:
- Во-первых, « вход ” элемент создается с типом атрибута “ электронная почта », чтобы принять и выполнить базовую проверку, чтобы убедиться, что введенные данные являются адресом электронной почты.
- Далее создаются три элемента кнопки, которые вызывают « Отключить()», «Включить()» и «Проверка()». » функции.
- Теперь определите « Дисэйблер ()», выбрав функцию « вход элемент, используя его идентификатор и присваивая значение « выключенный «за свой» автозаполнение ' свойство.
- В ' Активатор ()», примените ту же функцию « автозаполнение ” свойство, но теперь присвойте ему значение “ на ».
- После этого определите « Шашка ()», добавив просто « автозаполнение ” рядом со ссылкой на входной элемент и сохраните его в переменной “ дж ».
- В конце выведите значение этой переменной» дж » на веб-странице с помощью « внутреннийHTML ' свойство.
Вывод после компиляции вышеперечисленного показан как:
Вывод показывает, что свойство автозаполнения входного адреса электронной почты отключается и включается. Его значение также извлекается и отображается на веб-странице.
Заключение
Свойство автозаполнения ввода электронной почты HTML DOM автоматически создает список, содержащий значения, которые пользователь ранее ввел в поле электронной почты. Таким образом, пользователь может легко выбирать из ранее введенных данных и, следовательно, повышает удобство работы с пользователем. Это свойство устанавливается, когда значение « на ” назначается ему и отключается, когда значение “ выключенный ' передается. В этом блоге объясняется свойство автозаполнения ввода электронной почты DOM с помощью JavaScript.