h5中list的特殊用法,既可以做下拉，也可以做模糊搜索

最新推荐文章于 2024-10-10 16:20:30 发布

恪守你我他

最新推荐文章于 2024-10-10 16:20:30 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： input datalist

本文链接：https://blog.youkuaiyun.com/qq_42089654/article/details/91446144

本文探讨了HTML中datalist元素的应用，通过示例展示了如何使用option元素创建预定义的输入选项列表，这对于提升用户体验和简化输入过程具有重要意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input  list="list" />
    <datalist id="list">         
            <option  value="测试1" />
             <option value="测试2" />
            <option  value="测试1" />
            <option  value="测试1" />
           <option  value="测试1" />
           <option  value="测试1" />

    <!-- list="list" 是datalist 的id--><!-- 这里就列表就可以从后端传一个list来遍历 -->
    </datalist>