格式化 HTML5 输入标签中的数字

Question

这是我的输入

<input type="number" id="inputNumbers" step="0.01" ></input>

是否可以仅允许用户输入与模式“0.00”匹配的数字，就像我在 step 属性中声明它的方式一样，而不使用 JavaScript？

示例：如果用户键入“1.23”，然后尝试输入新数字、小数或逗号，则无法输入，数字仍为“1.23”。

如果没有办法匹配 step 属性，是否可以只允许数字中的一位小数？

原文由 Marcus Höglund 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我想你可以尝试这样的事情：

 input type="number" name="number" pattern="([0-9]{1,3}).([0-9]{1,3})" title="Must contain a decimal number">

看 这里

添加了 Plunkr： Plunker

原文由 nouseforname 发布，翻译遵循 CC BY-SA 3.0 许可协议