html - 具有预设值的输入文本字段

Question

我有一个输入文本字段，用户应该在其中插入时间，即 24 小时之一。当用户开始插入一个数字时，应该会出现一个可能的数字列表：

00:00
01:00
02:00
etc.

我需要 javascript 还是可以用 html 固有地完成？

score 2 · Accepted Answer

HTML 5 引入了datalist可以实现此目的的元素。它看起来像：

<datalist id="hour">
    <option value="00:00">
    <option value="01:00">
    <!-- ... -->
</datalist>

<input name="hour" list="hour" />

但是，并非所有浏览器都支持它。它只适用于 IE10（虽然有问题）、>FF4、>Chrome 20 和 Opera。但不是在 Safari 或更早的 IE 版本中（甚至不要考虑移动浏览器）。

如果你想要一个跨浏览器的解决方案，你必须使用 JavaScript。

score 0 · Accepted Answer

如果您正在寻找跨浏览器解决方案，您将不得不使用一些 javascript。

我建议您查看Chosen - JavaScript plugin for jQuery。它完全符合您的要求，是跨浏览器，并且具有流畅的界面。

2 回答 2