Bootstrap5 选择区间

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

选择区间：

实例

<
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
"
>

尝试一下 »