这个type类型是HTML5新增，下面简单介绍一下它的用法。
先来看一段代码实例:
|
1
|
<
input
type
=
"number"
value
=
"3"
min
=
"1"
max
=
"10"
step
=
"2"
/>
|
下面对参数做一下介绍：
（1）.value:number框中的默认值。
（2）.min:规定允许的最小值。
（3）.max:规定允许的最大值。
（4）.step:规定数字变化的幅度，默认值是1。
如果手动输入非数值类型，那么会被清空。
特别说明:iPhone 的 Safari 浏览器会识别 number 输入类型，然后改变触摸屏的键盘来适应它（显示数字）。
还有一个比较智能的特点，那就是它可以自动调节step的值，以达到适应最大值和最小值的功能。
代码实例如下:
|
1
|
<
input
type
=
"number"
step
=
"0.2"
value
=
"0.6"
min
=
"0.1"
max
=
"0.9"
/>
|
当我们第一点击增加数字和减少数字的时候，值的变化都不是0.2，这是因为，0.6和0.9的差是0.3，不是0.2的倍数，所以要自动的调节一下step值，当然对于min最小值也是如此，这个特点大家要注意一下。
原文发布时间为：2017-3-5
本文作者：admin
本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落
