html5 datalist只选择预定义的选项

时间:2015-05-28 06:53:10

标签: html5 selection datalist

我正在使用HTML5 datalist来允许通过自动填充和过滤功能从大型列表中进行选择。但我想只允许从预定义的选项中进行选择。请参阅小提琴演示http://jsfiddle.net/tharas/rrkdu8pk/。 我希望用户只选择<option>标记中指定的值。有可能吗?

1 个答案:

答案 0 :(得分:2)

如果您不想让用户自己键入任何内容但选择其中一个选项,则最好使用select元素而不是input datalist 。否则,您需要在更改/提交时验证内容。

修改:您还应该考虑在caniuse.com处查看datalists(目前为止)糟糕的浏览器覆盖率。