孙肖宁

Html中的智能下拉菜单
描述:当用户输入数据后,下拉菜单会自动匹配以输入数据开头的内容,匹配到的会自动加入到下拉菜单中。 支持的浏览器版本...
扫描右侧二维码阅读全文
20
2018/05

Html中的智能下拉菜单

描述:当用户输入数据后,下拉菜单会自动匹配以输入数据开头的内容,匹配到的会自动加入到下拉菜单中。 支持的浏览器版本为IE9以上。
示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能下拉菜单</title>
    <!--[if lte ie 8]>
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
    <![endif]-->
</head>
<body>
<form action="">
    <input type="text" list="car">
    <datalist id="car">
        <option value="1">1</option>
        <option value="11">11</option>
        <option value="112">112</option>
        <option value="23">23</option>
        <option value="676">676</option>
    </datalist>
</form>
</body>
</html>
Last modification:May 20th, 2018 at 04:29 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment