默认情况下从数据列表中选择第一条记录？

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”或其他任何内容，然后按下提交按钮，它不会选择默认记录。它会缩小列表范围，但键入“Grapes”并按 Enter 不会得到与实际单击选择中的“Grapes”相同的结果。

如何强制选择第一条记录，即使用户只键入了该记录的一部分？

Answer 1

我认为这不是最好的方法，因为您在编写时无法“重置”。所以当我开始输入苹果时，我错过了“l”，我会输入 appk，然后我说“哦，上帝，我错过了”，我重试。我将再次键入 apple，但键入的值将是 appkapple，如果您在一段时间后不设置 setinterval 来清除已键入的值，但这没有意义。

您为什么不尝试自动完成，或者选择带有选项的字段？