【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

 

比较：

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