H5中的输入框自动填充表单

最新推荐文章于 2022-10-08 19:22:42 发布

原创最新推荐文章于 2022-10-08 19:22:42 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

响应式专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一种使用HTML实现的带有搜索功能的下拉框组件。该组件通过<input>和<datalist>元素结合，实现了当用户输入文本时提供匹配建议的功能。文章详细展示了如何设置选项如宝马、悍马等，并提到了一个样式细节——倒三角仅在鼠标移入时显示。

<body>
    <input type="search" list="cur" />
    <datalist id="cur">
        <option>宝马</option>
        <option>悍马</option>
        <option>野马</option>
        <option>宝宝</option>
        <option>比亚迪</option>
        <option>法拉利</option>
    </datalist>
</body>

鼠标移入的时候才出现倒三角