【HTML】html5新属性-datalist

时间:2023-03-08 23:34:34
【HTML】html5新属性-datalist

摘要:

  为实现输入域自动填充的效果

方法一:

jquery-ui的autocomplete方法, 不是jquery 自带的方法。

方法二:

采用html5新特性,datalist,例子如下:坏处很明显,当list过长无法滚动查看在屏幕外的选项,目前chrome不支持添加scroll。

                         <input list="whList" id="wh"/>
<datalist id="whList">
<option value="ST">
<option value="TC">
</datalist>

参考:http://www.w3school.com.cn/tags/tag_datalist.asp

比较:

更倾向于使用后一种方法,虽然要求现代浏览器,大势所趋在所难免。