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

我想创建一个下拉列表，如下面的快照所示。我在谷歌上搜索，知道

HTML5数据列表可以帮我做到这一点。但是，当焦点在datalist上时，datalist不会显示所有选项。如何显示所有选项




以下是我目前的代码：

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

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

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



看看这个。在文本框中聚焦时只需按下向下箭头键。它将显示所有选项。
当关闭标签处于打开状态时，此选项起作用。我不知道下箭头键的诀窍。谢谢这个黑客不适合我。（强制使用close标记时出现编辑器错误）@novonimo这不是黑客行为，它来自HTML5规范。您的编辑器认为您正在编辑xml或类似内容。@RahulDesai无论如何，输入应该没有子项，数据列表由输入的列表属性绑定，该属性对应于列表id属性。不适用于我。试过小提琴演示。。。