datalist控件及list属性

html5新增了一个datalist元素,可以实现数据列表的下拉效果,气外观类似autocomplete,用户可从列表中选择,也可自行输入,而list用户指定输入框绑定哪一个datalist元素,其值是某个datalist的ID

<p>请输入网址<input type="url" list="list_url">
                <datalist id="list_url">
                    <option  label="新浪" value="http://www.xina.com.cn"></option>
                    <option label="百度" value="http://www.baidu.com"></option>
                </datalist>
            </p>

 

posted @ 2019-03-19 10:23  WhiteSpace  阅读(1753)  评论(0编辑  收藏  举报