HTML Datalist标记 - 仅匹配字符串的开头

Question

我想使用HTML datalist标签下拉列表，但只希望匹配的选项对应于输入字符串的开头。例如：

<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

如果在搜索栏中键入“O”，而不是仅显示“Opera”，它将显示每个结果为“o”。检查其他答案，我发现了这个问题：How to make datalist match result from beginning only，答案非常接近，但在完成之前不会建议结果（“O”，“Op”，“Ope”等）获胜不显示“歌剧”;只输入完整的单词会显示结果。