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

HTML Datalist标记-仅匹配字符串的开头,html,html-datalist,Html,Html Datalist,我想使用一个HTML数据列表标签下拉列表,但只希望匹配的选项对应于输入的字符串的开头。例如: <label>Choose a browser from this list: <input list="browsers" name="myBrowser" /></label> <datalist id="browsers"> <option value="Chrome"> <option value="Firefox">

我想使用一个HTML数据列表标签下拉列表,但只希望匹配的选项对应于输入的字符串的开头。例如:

<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”显示每个结果。检查其他答案,我发现这个问题:,答案非常接近,但在完成之前不会给出结果(“O”、“Op”、“Ope”等)不会显示“Opera”;只有输入完整的单词才会显示结果