美文网首页
如何让Number类型的input支持小数提交?

如何让Number类型的input支持小数提交?

作者: fuheideMayuyu | 来源:发表于2018-12-13 10:31 被阅读0次

正常代码:

<form>
    <input type="number" name="test"/>
    <input type="submit" value="提交"/>
</form>

提交的时候浏览器会拦截不允许输入小数:


image.png

添加一个step属性即可,step表示允许几位小数:

<form>
    小数点后可以输入2位:
    <input type="number" name="test" step="0.01"/>
    <input type="submit" value="提交"/>
</form>

相关文章

  • 如何让Number类型的input支持小数提交?

    正常代码: 提交的时候浏览器会拦截不允许输入小数: 添加一个step属性即可,step表示允许几位小数:

  • Number类型和相关语法

    Number类型 Number是基本值类型.用来存储十进制的整数和小数.Number本身是js的内置函数.其中,通...

  • input type=number 小数问题

    type=number:设置input输入框为带有 spinner 控件的数字字段max number 规定允许...

  • TS学习笔记(2)-变量

    变量声明 变量类型 number: 数值类型(包括小数) string: 字符串类型 boolean: 布尔类型 ...

  • iPhone 和 Android 手机对 input 标签 ty

    1. 在 iPhone 上要输入小数的话,input 标签要使用 type = number, 而在 Androi...

  • 数据类型

    基本数据类型 js中所有的数值都是Number类型 包括 浮点 小数的 string字符串 Number数值 布尔...

  • JavaScript--数据类型

    JavaScript的数据类型分为原始类型与引用类型5种原始类型:number:数字(整数、小数、NaN(Not ...

  • JavaScript中的数字类型

    JavaScript 语言中只有一种数值类型,就是 number 类型,这个类型的值可以选择带小数点或者不带小数点...

  • JavaScript中的数字类型

    JavaScript 语言中只有一种数值类型,就是 number 类型,这个类型的值可以选择带小数点或者不带小数点...

  • 被忽略tips

    1、input type为number时,如何隐藏向上向下的箭头 2、input框设置为number,禁止输入字符...

网友评论

      本文标题:如何让Number类型的input支持小数提交?

      本文链接:https://www.haomeiwen.com/subject/fkdvhqtx.html