在 html 中，在输入标签中使用 'step' 属性的目的是什么？

Question

在html的输入标签中使用step属性的目的？

    input type="number" name="points" min="0" max="100" step="10" value="30"

根据上面的行，最小长度为零，最大长度为 100，默认值为 30，但我无法理解分配 step="10" 时执行的操作

Answer 1

step 属性指定元素的合法数字间隔。示例：在您的情况下，step="10"，合法数字可以是 -10、0、10、20 等。如果你仍然不能得到它，你可以通过这个link。

Answer 2

step 属性用于说明最小值和最大值之间允许的步骤。在这种情况下，值 0、10、20、...、100 是允许的，例如 12 或 57。

请注意，目前浏览器对此的支持还很不完整，因此您不能依赖发送到服务器的值实际上只是允许的值之一。

并且该元素中没有定义长度。它是指定的最小值和最大值。

Answer 3

您可以将 Step 视为您必须从当前值移动多少步。

例如，

<input type="number" name="points" min="0" max="100" step="10" value="30" />

想象一下自己在楼梯上。在这里，如果您将 value 想象为您所站的楼梯编号，那么 step 就是您可以停止的下一个 x 步数。

在你的情况下，你从 value="30" 开始，意味着你站在 30 号楼梯上，而你的 step="10" 意味着你只能停在 40,[=18= 的楼梯上],60等

如果你的value="31"代表你站在31号楼梯，你的step="10"代表你只能停在41,51,[=24号楼梯=]，等等

In html what's the purpose of using 'step' attribute in input tag?