html中的input type="search"的简单使用

293 阅读1分钟

html中,如果想要input框输入时,弹出一些搜索选项的提示,可以使用<input type="search" />datalist标签组合,能够得到想要的效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="search" list="data">
<datalist id="data">
    <option value="1">test 01</option>
    <option value="2">test 02</option>
</datalist>
</body>
</html>

效果如下

image.png