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

Question

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

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

<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> 

Проблема заключается в том, что если кто-то типа «г» или «ар» или что-нибудь вообще, на самом деле, и нажмите кнопку отправки, она не выбирает запись по умолчанию. Он сократит список вниз, но набрав «Виноград» и нажав «Ввод», он не получит тот же результат, что и на самом деле нажав «Виноград» в списке.

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

Answer 1

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

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