如何在 HTML 中用点而不是逗号显示十进制数字 在 Google Chrome 中输入标签类型 =“数字”

Question

我想知道如何使用. 在 HTML 输入标签type="number"中分隔小数,而不是使用 Google Chrome（版本 89.0.4389.82）MacOs Catalina。

到目前为止，我已经尝试过Firefox是唯一一个使用.

有人遇到过这个问题吗？ 任何想法如何解决它？

 <input type="number" value="1.5" step="0.1" min="0" />

Answer 1

浏览器小数点分隔符因地区而异。 我认为您的问题是解析不同区域的值（和。）

使用valueAsNumber提取值

valueAsNumber （MDN 文档）

double：按顺序返回元素的值，解释为下列之一：

• 时间价值
• 一个号码
• 如果无法进行转换，则为 NaN

 window.addEventListener('DOMContentLoaded', (event) => { const ageInput = document.querySelector('#age'); console.log('Age:', ageInput.valueAsNumber); console.log('Type of Age:', typeof ageInput.valueAsNumber); });

 <input id="age" type="number" value="1.5" step="0.1" min="0" pattern="[0-9]+([,\.][0-9]+)?" />

为了完整起见，还添加了模式。