HTML Number 类型的 input 输入框中输入浮点数

在 HTML5 中,input 元素有了一个好用的 type: Number,当我们把一个 input 设置为 Number 类型以后,它就可以接收 max、min 等参数设置最大值最小值,达到原生表单控制的目的:

控制输入整数:<input type="number"  min="1" max="500" > 
但是这么一弄,问题来了,当我们输入浮点型的数字时就会报错,难道它只能接收整数吗?显然不是的,他不光可以接受浮点型,还可以控制输入到小数点后几位,以及每次增加的步幅(step),当我们需要精确到小数点后两位时,只要把 step 设置为 0.01 即可:

输入金额<input type="number"  min="1.00" max="500.00" step="0.01" >

 

 

 

 

参阅:http://interjc.net/i/1647

转载于:https://my.oschina.net/u/3625745/blog/1798256

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值