Bootstrap可输入的下拉框
请使用<input>标签以及<datalist>标签,轻松实现。<datalist>标签规定了<input>元素可能的选项列表。
1 2 3 4 5 6 7 8 9 | <div class = "col-sm-6" > < input id = "type" type = "text" list = "list" placeholder = "请选择" > <datalist id = "list" > <option>Java< / option> <option>Vue< / option> <option>Mysql< / option> <option>CSDN< / option> < / datalist> < / div> |
说明:
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input> 元素提供"自动完成"的特性。用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据。
请使用 <input> 元素的 list 属性来绑定 <datalist> 元素。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
2018-10-07 django 正向,反向