zoukankan      html  css  js  c++  java
  • type为number的input标签输入小数的方法

    https://www.cnblogs.com/bluealine/p/7992305.html

    纠结了一段时间都没找出方法,最后灵光一现想出这个方法,没想到测试下果然成功了! 
    看目前网上几乎很难找到相对应的解决方法,所以这里分享出来,如果有更佳方法欢迎提出。

    方法如下:

    1
    <input type="number" step="0.01" />

    在input标签中添加step属性,此例子中将step设为”0.01”,即可以输入含两位小数的数字。(仅输入含一位小数或整数也可) 
    可以自行修改step值来修改精确度。

    关于Html5中<input type="number" name="points" min="1" max="10" />只能输入整数的问题

    1
    <input type="number" name="points" min="1" max="10" />

    使用这句话时,输入框只能输入整数,要想输入小数,我们可以这样修改:

    1
    <input type="number" value="1"  min="0.0" step="0.1">

    例如上句,最小值为0,每一步步长为0.1,既可以输入0.1 0.2 0.3等等,没有最大值。则实现了既能输入整数,又能输入一位小数的输入框验证,如果多位小数,可以再把步长缩小,如0.01等等。

  • 相关阅读:
    springboot整合shiro进行权限管理
    多线程基础(一)
    面试杂谈(一)
    Spring循环依赖问题
    记一次电话面试的题目
    Jvm垃圾回收器(终结篇)
    Jvm垃圾回收器(算法篇)
    Jvm垃圾回收器(基础篇)
    Java内存模型探秘
    Jvm类的加载机制
  • 原文地址:https://www.cnblogs.com/linus-tan/p/11647729.html
Copyright © 2011-2022 走看看