输入带预设值的文本字段

Question

我有一个输入文本字段，用户应该插入时间，24小时之一。当用户开始插入数字时，应显示可能的数字列表：

00:00
01:00
02:00
etc.

我是否需要javascript，或者可以使用html继承吗？

Answer 1

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

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

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

DEMO

However it is not supported in all browsers.它只适用于IE10（虽然有bug），＆gt; FF4，＆gt; Chrome 20和Opera。但不是在Safari或旧的IE版本中（甚至不考虑移动浏览器）。

如果您需要跨浏览器解决方案，则必须使用JavaScript。

Answer 2

如果您正在寻找跨浏览器解决方案，则必须使用一些javascript。

我建议你研究一下Chosen - JavaScript plugin for jQuery。它完全符合您的要求，是跨浏览器，并且具有光滑的界面。