<input type='number' />
这样就可以得到一个数字输入框了
我们来看看它的样子吧:)
它只接受输入数字
不接受 字母 和 汉字
点击右边的小箭头可以增加或减少数字的大小,当数字变为0的时候,如果继续减小,就会变成负数。
当然我们还可以设置步长属性,让它每次增加或减少2个数
<input type='number' step='2' />
想每次增加或减少更多的数,修改step的属性值即可。
它还有 最小值 和 最大值 属性
<input type='number' min='2' max='10' />
这样当数值为2的时候,就减少不了了。
当数值为10的时候,也加不上去了。
也就是说,最小只能到2,最大只能到10。
别告诉我,你听不懂哦,这里我就不动画演示了:)