HTML <input type="range"> 类型属性

❮ HTML <input> 类型属性

实例

定义范围控件(如滑块控件):

<label for="points">Points (between 0 and 10):</label>
<input type="range" id="points" name="points" min="0" max="10">
亲自试一试 »

定义和用法

<input type="range"> 定义了一个用于输入精确值不重要的数字的控件(如滑块控件)。

默认范围是 0 到 100。但是,您可以使用以下属性设置接受哪些数字的限制。

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

提示:始终添加 <label> 标记以获得最佳可访问性实践!


浏览器支持

表中的数字指完全支持该元素的第一个浏览器版本。

属性
type="range" 4.0 10.0 23.0 3.1 10.1

语法

<input type="range">

❮ HTML <input> 类型属性