Chrome 中的以下代码不强制执行“00.00”模式，它允许任何具有无限小数的数字格式。该模式在使用输入类型“文本”时工作正常，所以不确定这是否是“数字”问题？
任何建议表示赞赏。
<input type="number" step="1.00" min="0" pattern="\d+(\.\d{2})?" class="form-control" id="JobCost" name="jobcost">
【问题讨论】：
标签： html
这是一个相当古老的问题，但我试图理解同样的事情，这是我能够确定的。
首先，number 类型的输入不使用pattern 属性，因此忽略它。
第二，step属性不仅决定了上/下点击器的步长，还决定了有效值的集合。例如，如果您将步长设置为 1.11，则有效值为 1.11、2.22、3.33 等。如果输入5.2并提交，会回复“请输入有效值。最接近的两个有效值是4.44和5.55。”如果不输入步骤，则默认为1。然后它只允许“整数”（我使用引号，因为从技术上讲，它允许1. 或1.0 或1.00 等）。如果您想使用任何号码，请使用step="any"。我确实在某处读过，虽然 chrome 强制执行默认步长 1，但 firefox 将允许小数（将其视为任何小数？？）。
第三，如果它没有嵌入到form 标记中，这些都不起作用。
因此，如果您想将数字强制保留为 2 位小数，请使用 type="number" step=".01"（要知道您的上/下答题器会增加/减少 0.01）或使用 type="text" pattern="\d+(\.\d{2})?"。请注意，在您的正则表达式中，它不允许.23，因为您有\d+。不过，它将允许0.23。如果您想允许小数点不带前导 0，请改用 \d+(\.\d{2})?。它也只允许 2 位小数或没有（拒绝 1. 和 1.2 但接受 1.20）。如果这就是你想要的，那就太好了。只是想确定一下。
\d*(\.\d{0,2})? 可以接受小数点后 2 位以内的任何数字，但不能更多。不过，它也只接受.，因此您必须根据自己的需要进行调整。
希望对您或其他遇到这种情况的人有所帮助。
【讨论】：
step: :any（Rails）时，一切正常。