html5如何实现文本框下拉选项功能

2025-02-07 12:34:33

推荐回答（2个）

回答1：

可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id
然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。
在 datalist 标签下放列表项，每个列表项用 option 元标签来表示，option 标签里用 value 属性填写内容，label 属性来做提示。
下面是示例代码：

HTML5之前一般使用select标签或者div+js实现

回答2：

这个是js写的，如果你会jq代码，那我给你提供一下思路，如果不会那你就在网上搜一下“select框美化”。