程序员之家
程序员之家

Bootstrap5 选择区间


要设置一个选择区间可以在 input 元素中添加 type="range" 并使用 .form-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">

手机扫码阅读本文


本文来自互联网,本网站转载的目的在于传递更多信息以供访问者学习参考,所属内容只代表原作者的个人观点,不代表本网站的立场和价值判断,版权归原作者所有。如有侵犯您的版权,请联系我们,我们收到后会尽快核实并第一时间改正。


手机扫码阅读本文

Bootstrap入门经典【图】
Bootstrap入门经典

热门Web开发 Javascript框架 HTML CSS网站建设 网页设计制作 零基础读者杰出Bootstrap教程 全面涵盖常见组件的使用方法 书中代码真实有效可运行

HTML5权威指南【图】
HTML5权威指南

全面详实的Web网页设计参考书

Vue.js 3+TypeScript完全指南(博文视点出品)【图】
Vue.js 3+TypeScript完全指南(博文视点出品)

资深前端技术大佬coderwhy经验分享,全面介绍Vue.js3和TypeScript前端开发技术及核心原理,手写Mini-Vue.js3框架

bootstrap5 Bootstrap5-form-range