<label for="customRange1">范围示例</label>
<input type="range" class="custom-range" id="customRange1">

范围输入分别具有 min 和 max—0 和的隐含值 100。您可以为那些使用 min 和 max 属性指定新值。

<label for="customRange2">示例范围</label>
<input type="range" class="custom-range" min="0" max="5" id="customRange2">

默认情况下，范围输入“捕捉”为整数值。要改变这一点，你可以指定一个 step 值。在下面的例子中，我们使用了两倍的步数 step="0.5"。

<label for="customRange3">示例范围</label>
<input type="range" class="custom-range" min="0" max="5" step="0.5" id="customRange3">