请使用<input>标签以及<datalist>标签,轻松实现。<datalist>标签规定了<input>元素可能的选项列表。
效果图:
具体前端代码如下:
<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> 元素。
更多推荐
Bootstrap可输入的下拉框
发布评论