HTML-5系列滑盖最大值和最小值

Question

我分别使用HTML 5滑块

 <input type="range" .. /> 

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

Answer 1

尝试

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

DEMO

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

• 最大 - 指定允许的最大值
• 分钟 - 指定允许
• 步最小值 - 指定合法的数字间隔
• 值 - 指定默认值

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