html - 输入范围值显示不正确

Question

我不确定我是否误解了这部分。我创建了一个输入范围，其默认/初始值为15。但是，如果我运行它，范围默认值为 16。

<input type="range" id="price" min="1" max="50" value="15" step="5"/>

这是小提琴：http: //jsfiddle.net/nykzp2gL/

感谢您对此的帮助。

标签： htmlrange

Answer 1

在这里，step属性发挥作用。根据您的输入，栏上的值将是：

1 6 11 16 21 26 31 36 41 46

当值为 15 时，取最接近 15 的 1，即 16。

---

当最小值设置为 0 且第 5 步时，值为 15，条上的值将是：

0 5 10 15 20 25 30 35 40 45 50

现在值将是 15 如您所料

---

step当您使用属性时，滑块不会在两者之间停止。