入力タイプ=範囲スライダ値を10で割り切れるようにするにはどうすればよいですか?

良い一日、

<input type="range" min="0" max"500" value="0" id="slider">

上記のHTMLに基づいて、スライダー値を10で割り切れるようにすることは可能ですか? たとえば、ユーザーがスライダーをドラッグすると、値はデフォルトの1,2,3,4,5 .....の代わりに0 - 10 - 20 - 30まで上がります。

どうもありがとうございました!

1
ステップ属性を使用してください。
追加された 著者 George,
ステップ属性を使用してください。
追加された 著者 George,

6 答え

これはstep属性を使って行うことができます。

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

   <input type="range" min="0" max"500" value="0" step="10" id="slider">
</div> </div>

これはIE 10以降でのみサポートされていることに注意してください。

3
追加された

できるよ:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

   <input type="range" max="500" min="0" step="10" id="slider" />
</div> </div>
3
追加された

できるよ:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

   <input type="range" max="500" min="0" step="10" id="slider" />
</div> </div>
3
追加された

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code">

<input type="range" min="0" max "500" value="0" step="10" id="slider">
</div> </div>

詳細</​​a>

0
追加された

ステップ属性を追加

ユーザーインターフェイスと検証の両方の目的で使用されるステップ間隔

0
追加された
あなたの答えが非常に低品質であることは別として、それはOPに例を挙げさえしません。それに応じて答えを編集してください。
追加された 著者 JBDouble05,

ステップ属性を追加

ユーザーインターフェイスと検証の両方の目的で使用されるステップ間隔

0
追加された
あなたの答えが非常に低品質であることは別として、それはOPに例を挙げさえしません。それに応じて答えを編集してください。
追加された 著者 JBDouble05,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript