输入类型=范围。如何使滑块值被10整除?

美好的一天,

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

基于上面的html,是否可以使滑块值被10整除? 例如,当用户拖动滑块时,值将从0 - 10 - 20 - 30.而不是默认的1,2,3,4,5 ......

非常感谢你!

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>

请注意,这仅在IE10及更高版本中受支持。

3
额外
额外 作者 Chris G,

你可以做:

<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>

了解更多详情

0
额外

添加步骤属性

步进间隔,用于用户界面和验证目的

0
额外
除了你的答案是非常低的质量,它甚至没有给OP一个例子。请相应地编辑您的答案。
额外 作者 JBDouble05,

添加步骤属性

步进间隔,用于用户界面和验证目的

0
额外
除了你的答案是非常低的质量,它甚至没有给OP一个例子。请相应地编辑您的答案。
额外 作者 JBDouble05,