Bootstrap-v5-表单（区间）

一、区间

  • 区间
  • 禁用
  • 最小和最大
  • 分步

 

二、效果展示

1、区间

  • .form-range
<label for="customRange1" class="form-label">Example range</label>
<input type="range" class="form-range" id="customRange1">

2、禁用

  •  disabled
<label for="disabledRange" class="form-label">Disabled range</label>
<input type="range" class="form-range" id="disabledRange" disabled>

3、最小和最大

  • min
  • max
<label for="customRange2" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" id="customRange2">

4、分步

  • step
<label for="customRange3" class="form-label">Example range</label>
<input type="range" class="form-range" min="0" max="5" step="0.5" id="customRange3">

 

posted @ 2021-09-23 16:06  AnnLing  阅读(131)  评论(0)  编辑  收藏  举报