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