html - 谷歌浏览器中的 Bootstrap 数据列表问题

Question

我正在使用 twitter bootstrap 数据列表来显示项目。
在 FF 中，项目会在开始输入后自动显示。但它没有显示在谷歌浏览器中。 Chrome 可能有什么问题？

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

Answer 1

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

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

在这种情况下一定要选择一个匹配的 ID 'd1'

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

点击查看它在 fiddle 上的工作 here

w3schools says that it is not supported in Safari