html - 如何设置数据列表以显示所有焦点选项？

Question

我想创建一个下拉菜单，如下面的快照所示。我用谷歌搜索并知道这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>

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