Bootstrap 5教程
/ 范圍
范圍
自定義范圍
如需設(shè)置范圍菜單的樣式,請(qǐng)將 .form-range
類添加到 type="range" 的 input 元素:
自定義范圍:
實(shí)例
<label for="customRange" class="form-label">自定義范圍</label> <input type="range" class="form-range" id="customRange">
步進(jìn)
默認(rèn)情況下,范圍數(shù)值之間的間隔為 1。您可以使用 step
屬性更改它:
實(shí)例
<input type="range" class="form-range" step="10">
最小值和最大值
默認(rèn)情況下,最小值為 0,最大值為 100。您可以使用 min
和/或 max
屬性更改它:
實(shí)例
<input type="range" class="form-range" min="0" max="4">