html - <input type=number> 并在 Chrome 中使用小数点后一位的格式

Question

我正在使用 <input type=number>我在其中使用 Javascript 放置值。我想将这些数字格式化为始终保留一位小数。 Chrome 顽固地从数字中删除尾随零，如果它们有任何例如1.0 -> 1.

显然我应该设置 pattern控件的属性。但是我不确定 Chrome 在这里接受什么样的值，以及格式化数字的正确模式是什么。

Answer 1

pattern 用于指定用户提供的任何值都应匹配的正则表达式。像 pattern='[0-9]+\.[0-9]' 应该指定 1 个或多个数字，一个小数，然后是 1 个数字。您可能还想将步长设置为 0.1 (step=0.1) 以强制只保留一位小数。我不知道 chrome 是否会尊重 pattern 和 size 属性，但这就是指定它们的方式。