2015-04-06 139 views
2

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

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

从上面的线的最小长度是零,最大长度为100,默认值是30,但我不明白什么动作时分配步骤=“10”

+1

当你改变它的值时,它将以“步长”大小完成。例如'step =“10”',你可以从'value =“30”'到'20'或'40',但不能到'31'或'29'。 – 2015-04-06 07:11:51

回答

2

步骤属性用于陈述min和max值之间哪些步骤是允许的。在这种情况下,值0,10,20,...,100是允许的,不是例如12或57.

请注意,目前在浏览器中对此的支持很不完整,因此您无法依赖发送给服务器的值实际上只是允许的值之一。

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

4

您可以将Step想象为您必须从当前值移动多少个步骤。

例如,

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

想象自己在楼梯。在这里,如果您想象value是您所站的楼梯号码,则step是下一个x您可以停止的步骤数。

你的情况,你开始value="30",意味着你是站在楼梯30号和您的step="10"意味着你只能停在楼梯数量405060

如果您value="31"意味着你是站在楼梯号31和你的step="10"意味着你只能在楼梯号41,51,61等停止

+1

谢谢@sukanya – 2015-04-07 08:16:34

相关问题