如何在数字输入中包含空格？答案

【问题标题】：How to Include space on number input?如何在数字输入中包含空格？
【发布时间】：2023-04-10 10:13:01
【问题描述】：

如何包含空格（不是文本，输入类型上只有空格和数字）？当我尝试我的代码时，它只包含数字

这是我的代码：

<form action="/action_page.php"><input type="number"/><input type="submit"</form>

【问题讨论】：

标签： html forms

【解决方案1】：

<form action="/action_page.php">
    <input type="text" pattern="[0-9 ]+" />
    <input type="submit"</form>

您可以使用输入文本并添加模式"[0-9 ]+"。

【讨论】：

它不工作。文本也包括在内。我的意思只是空间和数字。
function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode ; if (charCode > 31 && (charCode 57 || charCode == 30)) 返回 false；返回真； } 。您可以在输入的 onChange 上调用此方法。
它不允许你添加任何东西，除了数字和空格。

【解决方案2】：

您需要使用type="text" 进行输入，以便根据需要格式化您的值。 type="number" 不适用于这种格式。

const formatter = new Intl.NumberFormat('fr-FR');

<input
  type="text"
  value={formatter.format(value)}
/>

【讨论】：

【解决方案3】：

这不是很容易做到。我认为最好的办法是使用库，例如cleave.js。

【讨论】：