javascript - html-5 范围滑块最大值和最小值

Question

我正在使用 html-5 滑块

      <input type="range" .. />

我想分别在其左侧和右侧滑动滑块min和值。max我怎样才能做到这一点？

Answer 1

尝试

<input type="range" min="20" max="80" />

演示

以下属性也可以应用于input type="range"

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

Answer 2

如果要在其左右显示min和值，只需在此处打印：max

10 <input type="range" min="10" max="20" /> 20

您也可以使用 css，尽管它没有得到广泛支持。

input[type="range"]:before {
    content: attr(min) " ";
}
input[type="range"]:after {
    content: " " attr(max);
}