Question

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

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

从上面一行开始，最小长度为零，最大长度为100，默认值为30，但我无法理解在分配步骤=“10”时采取的操作

Answer 1

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

例如，

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

想象一下自己在楼梯里。如果您认为value是您所站的楼梯号，step是您可以停止的下一个x步数。

在您的情况下，以value="30"开头，表示您站在30号楼梯上，step="10"表示您只能停在楼梯号40，50， 60等。

如果您value="31"表示您站在31号楼梯上而step="10"表示您只能停在楼梯号41，51，61等等。

Answer 2

step属性指定元素的合法数字间隔。示例：在您的情况下，步骤=＆＃34; 10＆＃34;，合法数字可以是-10,0,10,20等。如果你无法得到它，你可以通过这个链接。

Answer 3

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

请注意，目前在浏览器中对此的支持非常不完整，因此您无法依赖发送到服务器的值实际上只是其中一个允许的值。

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