Google Chrome中的bootstrap datalist问题

Question

我正在使用twitter bootstrap datalist来显示项目.
在FF中,项目会在开始输入后自动显示.但它没有在谷歌浏览器中显示.Chrome可能会出现什么问题？

<datalist id="d1">
  <option>13:59</option>
  <option>3:55</option>
  <option>6:55</option>
</datalist>

Answer 1

数据列表用于为用户提供一些可供选择的选项。例如，通过输入字段，您可以添加带有一些默认选项的数据列表，以便为用户提供一些建议。

如果您只想要一个选项选择使用<select> ，但如果您希望它像您所要求的那样工作（在 chrome 20+ 中），请参阅下面的我的小提琴或示例代码。

请务必选择匹配的 ID，在本例中为“d1”

<input list="d1">
<datalist id="d1">
  <option>13:59</option>
  <option>3:55</option>
  <option>6:55</option>
</datalist>

单击此处查看它在小提琴上的工作情况

w3schools 说Safari不支持