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

Question

我正在使用html-5滑块

      <input type="range" .. />

我想分别在左侧和右侧滑动min和max值。我怎么能这样做？

Answer 1

尝试

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

DEMO

此外，以下属性可应用于input type="range"

• max - 指定允许的最大值
• min - 指定允许的最小值
• 步骤 - 指定合法的号码间隔
• 值 - 指定默认值

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);
}