HTML <input type="range">

HTML <input> type 属性

定义和用法

<input type="range"> 定义了一个用于输入数值的控件，其精确值并不重要（比如滑块控件）。

默认的范围是从 0 到 100。但是，您可以使用下面的属性来设置对可接受的数字的限制。

  • max - 指定允许的最大值
  • min - 指定允许的最小值
  • step - 指定合法的数字间隔
  • value - 指定默认值

提示：请始终添加 <label> 标签 以获得最佳可访问性实践！

实例

定义范围控件（如滑块控件）：

<label for="points">分数（0 到 10 之间）：</label>
<input type="range" id="points" name="points" min="0" max="10">

亲自试一试

语法

<input type="range">

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 10.0 23.0 3.1 10.1

HTML <input> type 属性