【HTML】html5新属性-datalist

摘要:

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

方法一:

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

方法二:

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

1                         <input list="whList" id="wh"/>
2                         <datalist id="whList">
3                             <option value="ST">
4                             <option value="TC">
5                         </datalist>

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

比较:

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

计划、执行、每天高效的活着学着
原文地址:https://www.cnblogs.com/huxiaoyun90/p/4666345.html