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

【问题标题】：html-5 range slider max and min valuehtml-5 范围滑块最大值和最小值
【发布时间】：2012-07-07 19:43:43
【问题描述】：

我正在使用 html-5 滑块

      <input type="range" .. />

我想分别在其左侧和右侧滑动滑块的 min 和 max 值。我该怎么做？

【问题讨论】：

【解决方案1】：

试试

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

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

【讨论】：

【解决方案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);
}

【讨论】：