step

html bootstrap5 Sample

カスタムレンジ入力最小値と最大値の設定:form-range


  <!-- レンジ上の●をマウスで動かして入力させる -->
  <form>
    <div class="mb-3 mb-5">
      <label for="customRange1">カスタムレンジ入力の例</label>
      <input type="range" class="form-range" id="customRange1">
    </div>
    <div class="mb-3 mb-5">
      <label for="customRange2">0-5まで(min="0",max="5")</label>
      <input type="range" class="form-range" min="0" max="5" id="customRange2">
    </div>
    <!-- step値の変更 0.5刻みにする -->
    <div class="mb-3 mb-5">
      <label for="customRange3">0-5まで、0.5刻み(step="0.5")</label>
      <input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">
    </div>
  </form>