在html5中实现input下拉提示

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
</head>
<body>
    <input type="text" name="" list="list">
    <datalist id="list">
        <option value="aaa"></option>
        <option value="vvv"></option>
        <option value="ddd"></option>
    </datalist>
</body>
</html>

这里写图片描述

补充一
最近忙的脚打后脑勺，没时间写博文了，突然想起来这个功能需要补充一下，就来墨迹几句
html5中的datalist确实挺好，但是在实践中就遇到了各种问题，主要问题就是国产浏览器（搜狗，360高速）等对datalist不支持。
最后的解决方案还是使用ul+input完成。
-_-||