选择/选项元素的默认“搜索”行为是什么？

Question

我有一个Select元素，其中的Option元素具有值和文本属性，如下所示：

<select>
  <option value="">-Select-</option>
  <option value="Ok">Ok</option>
  <option value="Orc">Orc</option>
  <option value="Oops">Oops</option>
  <option value="7">7</option>
  <option value="78">78</option>
  <option value="77">77</option>
</select>

此处的Codepen： http ：//codepen.io/k/pen/rIbhv

专注于选择并按“ O”或“ 7”将分别选择“确定”或“ 7”。

按“ Oo”或“ 77”将选择“ Orc”或“ 78”。

有人可以解释为什么（和/或选择）元素以这种方式表现吗？ 为什么选择下一个选项，而不选择“搜索”的下一个选项？ 该默认搜索行为在任何地方都有概述吗？ 我尝试查看w3c文档，但未成功。

我想在将来实现自定义搜索功能，但想首先了解默认搜索行为，以期对我的编码有所帮助。

任何指针将不胜感激。

Answer 1

它是特定于实现的，但是一般的“标准”似乎是：

• 如果您反复按相同的键，请循环浏览以该字母开头的项目。
• 如果您似乎要通过按其他键来键入内容，请搜索该项目。