[html5]HTML5新标签datalist用法例子

时间:2017-09-29 17:13酷播

以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量

以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下

<!DOCTYPE html> 
<html> 
 <head> 
    <title>HTML5 datalist tag</title> 
    <meta charset="utf-8"> 
 </head> 
    <p> 
        浏览器版本：<input list="words"> 
    </p> 
    <datalist id="words"> 
        <option value="Internet Explorer"> 
        <option value="Firefox"> 
        <option value="Chrome"> 
        <option value="Opera"> 
        <option value="Safari"> 
        <option value="Sogou"> 
        <option value="Maxthon"> 
    </datalist> 
 </body> 
</html>