html5 datalist 仅选择预定义选项

Question

我正在使用 HTML5datalist来允许通过自动完成和过滤功能从一个大列表中进行选择。但我只想允许从预定义的选项中进行选择。请参阅小提琴演示http://jsfiddle.net/tharas/rrkdu8pk/。我希望用户仅从<option>标记中指定的值中进行选择。是否可以？

Answer 1

如果您不想让用户自己输入任何内容，而是选择其中一个选项，则最好使用 elementselect而不是inputwith datalist。否则，您需要验证更改/提交的内容。

编辑：您还应该考虑查看datalists（到目前为止）caniuse.com上浏览器覆盖率较差的情况。