Есть ли способ автозаполнения входного значения с помощью параметра, размещенного наверху из списка данных, с использованием чистого JS?

Question

Есть ли способ автозаполнения входного значения (пока пользователь набирает) с опцией, размещенной наверху, предложенной из списка данных, путем нажатия клавиши ввода (и сделать это с чистым JS)?

Как-то все информация по этому вопросу, которую мне удалось найти, предлагает решения только с использованием JQuery. Я новичок в использовании JavaScript, поэтому я не знаком с библиотекой. Итак, мне интересно, есть ли какое-нибудь решение, которое может быть выполнено с использованием чистого JS?

Answer 1

html имеет возможность поддерживать автозаполнение, но она очень ограничена и оставляет варианты автозаполнения на усмотрение браузера. см. https://www.w3schools.com/tags/att_input_autocomplete.asp. Вы можете использовать библиотеку для улучшения обычного поля ввода или создать свое собственное. Обычно они работают, помещая под входом блок с абсолютным позиционированием, когда он находится в фокусе клавиатуры. Библиотека, которая делает это, с которой я знаком, называется jqueryui https://jqueryui.com/autocomplete/. здесь используется jquery, но есть и другие библиотеки, которые от этого не зависят. https://tarekraafat.github.io/autoComplete.js/# / появляется в быстром поиске Google. вам нужно будет оценить его качество.