html5 datalist只选择预定义的选项

Question

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

Answer 1

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

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