Адаптивная строка поиска.
Посетителю нужно отправить поисковый запрос. Запрос состоит одного или нескольких слов. В поисковый запрос попадают только те слова, по которым имеет смысл искать, они встречаются в сервисе = есть в таблице.
Посетитель начинает вводить текст, в окне под полем ввода появляется список подходящих слов. Слова выводятся в алфавитном порядке. Посетитель может выбрать нужное слово, кликнув по нему. Если подходящих слов много, то появляется вертикальная прокрутка. После выбора нужного слова оно вставляется в строку поиска и за ним ставится пробел. Теперь можно продолжить вводить новое слово.
Пользователь, в любой момент может изменить любое слово, просто начав его редактировать. Если подходящее слово не выбрано из списка и пользователь вышел из окна ввода слов (оно стало не активным) то введенная часть слова удаляется.
Поиск ведется в любой части слова. Например. Введено «он», подходящие слова: «дракон», «концерт», «онколог», «он» и тд.
Список возможных слов храним в localStorage. Загрузить список слов можно с сайта.
Вариант оформления во вложении.
