Bootstrap5 范围


定制范围

要设置范围菜单的样式,请添加.form-range类与 type="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">
亲自试一试 »