如何在 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]+)?" />

為了完整起見，還添加了模式。