HTML5输入类型=";“数字”;Chrome上的浮点数元素

HTML5输入类型=";“数字”;Chrome上的浮点数元素,html,validation,google-chrome,html-input,Html,Validation,Google Chrome,Html Input,我需要让用户输入浮点数,因此我使用以下元素: <input type="number" name="my_number" placeholder="Enter number"/> 但问题是0.15无法输入。。。步骤似乎不适合我的需要。在input type=“number”的所有属性中都提到了浮点数 如何让Chrome在没有步骤属性的情况下接受浮点数?试试 它不会有验证问题,箭头的步骤为“1” 约束验证:当元素具有允许的值步骤时,以及 应用算法将字符串转换为数字的结果 元素值给出的

我需要让用户输入浮点数,因此我使用以下元素:

<input type="number" name="my_number" placeholder="Enter number"/>
但问题是0.15无法输入。。。
步骤
似乎不适合我的需要。在
input type=“number”
的所有属性中都提到了浮点数

如何让Chrome在没有
步骤属性的情况下接受浮点数?

试试

它不会有验证问题,箭头的步骤为“1”

约束验证:当元素具有允许的值步骤时,以及 应用算法将字符串转换为数字的结果 元素值给出的字符串中有一个数字 从步长基减去的数字不是的整数倍 允许的值为步长,元素的步长不匹配

以下范围控件仅接受范围0..1和 允许在此范围内执行256个步骤:

下面的控件允许选择一天中的任何时间,包括 准确度(例如千分之一秒或更高的准确度):

通常情况下,时间控件是 精确到一分钟


如果您的目标是小数点后2位,请尝试

注意:如果您使用的是AngularJS,那么除了更改步长值外,您可能还必须在html输入上设置
ng model options=“{updateOn:'blur change'}”

这样做的原因是为了减少验证程序的运行频率,因为它们会阻止用户输入小数点。这样,用户可以输入小数点,验证程序在用户模糊后生效。

试试这个


效果很好!这是规范的一部分还是一个奇怪的解决方法?这在Chrome中可以正常工作,但在Firefox31 ESR或Firefox34中不行。我不得不求助于input=“text”来获得我想要的东西。Firefox和HTML5真的需要齐心协力。我遇到的一个问题是,即使在Chrome上,也可以在输入中键入“e”或“e.e”(因为e是一个数字),但在角度上,值最终是“未定义的”。你应该得到这一点,这是最简单的解决方案,我不得不搜索几次,几乎所有的输入都出错了……Thx&!isNaN(this.value)或this.value.split('.')。长度==1
<input type="number" name="my_number" placeholder="Enter number" step="0.1"/>