在html5中实现input下拉提示


<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中实现input下拉提示_第1张图片


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

你可能感兴趣的:(html5)