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> 元素。

 

posted @   CrossPython  阅读(644)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
历史上的今天:
2018-10-07 django 正向,反向
点击右上角即可分享
微信分享提示