Bootstrap5 选择区间

我要月亮奔我而来

Bootstrap5 选择区间

要设置一个选择区间可以在 input 元素中添加 type="range" 并使用 .form-range 类:

选择区间:

Bootstrap5 选择区间

实例

<label for="customRange" class="form-label">Custom range</label>
<input type="range" class="form-range" id="customRange">

步长

默认情况下,步长为 1,可以通过 step 属性来设置:

实例

<input type="range" class="form-range" step="10">

最大最小值

默认情况下,最小值为 0,最大值为 100,可以通过 min(最小) 或 max(最大) 属性来设置:

实例

<input type="range" class="form-range" min="0" max="4">
版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码