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

标签 html xhtml

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

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

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

最佳答案

您可以将 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" 表示您只能停在 stair number 415161

关于html - 在 html 中,在输入标签中使用 'step' 属性的目的是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29466908/

相关文章:

html - 关闭 iPhone/Safari 输入元素舍入

html - Bootstrap v3 导航对齐宽度实际上并不相等

c# - 给定编码中的 xml 无效字符

css - 让div运行到屏幕右侧

javascript - 有没有办法从 d3.js 偏移弧线

python - 如何从 XML 和 XSLT 获取 HTML 文件

javascript - 当父元素的动画进度达到 75% 时,如何触发子元素的动画?

html - 元标签;一些简短的问题

html - 使用背景图像在 CSS 布局中创建阴影的问题

xml - xslt 问题(命名空间?)