Bootstrap5 表单下拉菜单
下拉菜单可以是单选下拉菜单，也可以是多选的下拉菜单。
单选下拉菜单：
多选下拉菜单：
在 Bootstrap5 中下拉菜单 <select> 元素可以使用 .form-select 类来渲染 :
<select class="form-select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>下拉菜单大小
下拉菜单通过 .form-select-lg 或 .form-select-sm 类来修改大小：
<select class="form-select form-select-lg">
<select class="form-select">
<select class="form-select form-select-sm">效果如下图：
禁用下拉菜单
disabled 属性可以禁止下拉菜单被选择：
<select class="form-select" disabled>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>数据列表
Bootstrap 也可以通过 datalist 标签为 <input> 元素设置下拉菜单：
以下实例从列表中选择一个网站：
<label for="browser" class="form-label">选择你喜欢的网站：</label>
<input class="form-control" list="sites" name="site" id="site">
<datalist id="sites">
<option value="Google">
<option value="Baidu">
<option value="Taobao">
<option value="Wiki">
<option value="Zhihu">
</datalist>手机扫码阅读本文
本文来自互联网，本网站转载的目的在于传递更多信息以供访问者学习参考，所属内容只代表原作者的个人观点，不代表本网站的立场和价值判断，版权归原作者所有。如有侵犯您的版权，请联系我们，我们收到后会尽快核实并第一时间改正。
