選擇/選項元素的默認“搜索”行為是什么？

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

它是特定於實現的，但是一般的“標准”似乎是：

• 如果您反復按相同的鍵，請循環瀏覽以該字母開頭的項目。
• 如果您似乎要通過按其他鍵來鍵入內容，請搜索該項目。