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 - 指定允許的最小值
• 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);
}