HTML原生combobox

Posted on Edited on In

带有datalist的input即是html原生的combobox,再也无需用select+input来模拟combobox了。

而且每个option还可以有label。

就像下面这样：

源代码：
[html]



[/html]

当前主要的浏览器中只有safari还完全不支持datalist,可以使用webshimHTML5垫片程序提供支持。

检测浏览器是否支持datalist
[javascript]
if (‘options’ in document.createElement(‘datalist’)) {
// supported!
}
[/javascript]

References:
[1] THE ALL-IN-ONE ALMOST-ALPHABETICAL GUIDE TO DETECTING EVERYTHING
===
[erq]