html5 – Google Chrome中的bootstrap datalist问题

前端之家收集整理的这篇文章主要介绍了html5 – Google Chrome中的bootstrap datalist问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用twitter bootstrap datalist来显示项目.
在FF中,项目会在开始输入后自动显示.但它没有在谷歌浏览器中显示. Chrome可能会出现什么问题?
<datalist id="d1">
  <option>13:59</option>
  <option>3:55</option>
  <option>6:55</option>
</datalist>

解决方法

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

如果您只想要一个选项,请选择使用< select>
但如果你希望它像你问的那样工作(在chrome 20中),请参阅下面的小提琴或示例代码.

在这种情况下,请务必选择匹配的ID“d1”

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

点击查看它在小提琴here上工作

w3schools says that it is not supported in Safari

猜你在找的HTML5相关文章