输入为空时如何显示所有数据列表选项

Question

请参见以下示例：

<input type="search" list="list"/>
<datalist id="list">
  <option value="A1"/>
  <option value="A2"/>
  <option value="B1"/>
  <option value="B2"/>
</datalist>

首次单击输入时，它会显示所有选项。如果然后键入 A ，则显示所有包含a的选项。但是，如果您随后再次删除该文本（或单击清除按钮），它仍然仅显示包含a的选项。

当输入为空时，如何使它再次显示所有选项？

谢谢！

编辑： 我的第一个想法是在每个选项的标签上添加一个特殊的（不可见的）字符，然后在清除输入时将输入的值更改为该字符。