如何设置datalist以显示焦点上的所有选项？

Question

我想在下面的快照中创建一个下拉列表.我用Google搜索并知道HTML5 datalist可以帮助我做到这一点.但是,当焦点在其上时,datalist不会显示所有选项.如何显示所有选项？

到目前为止,这是我的代码:

<input list="theaters" name="theaters">
    <datalist id="theaters">
        <option value="Inox">
        <option value="E Square">
    </datalist>
</input>

Answer 1

通过删除结束标记来修改代码

<input list="theaters" name="theaters">
<datalist id="theaters">
  <option value="Inox">
  <option value="E Square">
</datalist>

检查这个小提琴演示.只需在文本框中聚焦时按下箭头键即可.它将显示所有选项.