Выбор первой записи из списка данных по умолчанию?

Question

Я видел этот вопрос в темах.asp, но я не использую.asp, поэтому ответы не очень полезны. Я использую HTML, но могу использовать JavaScript, если это необходимо для достижения этой цели.

То, что у меня есть, это стандартный ввод HTML с списком данных для доступных параметров, например, так:

<input id="test_input" list="test" name="test" placeholder="Type your answer" value="" />
<datalist id="test">
<select>
<option>Apples</option>
<option>Oranges</option>
<option>Grapes</option>
</select>
</datalist>

Проблема в том, что если кто-то вообще наберет "g", "ap" или что-нибудь вообще, и нажмет кнопку "Отправить", он не выберет запись по умолчанию. Это сузит список вниз, но ввод "Виноград" и нажатие клавиши ввода не получат тот же результат, что и фактический щелчок по "Виноград" в меню выбора.

Как принудительно выбрать первую запись, даже если пользователь печатает только часть этой записи?

Answer 1

Я не думаю, что это лучший метод, так как вы не можете "сбросить", когда вы написали. Поэтому, когда я начинаю набирать apple, и мне не хватает "l", я набираю appk, затем я говорю "о боже, я пропустил", я повторяю. Я снова наберу яблоко, но типизированное значение будет appkapple, если вы не сделаете setinterval для очистки уже набранного значения через некоторое время, но это не имеет смысла.

Почему вы не пробуете автозаполнение или поле выбора с опциями?