HTML 表单中使用 时，默认 step="1" 会拒绝非整数值（如 1504.33），导致“请输入整数”验证错误；只需显式设置 step=".01" 即可合法提交两位小数金额。
html 表单中使用 `` 时，默认 `step="1"` 会拒绝非整数值（如 1504.33），导致“请输入整数”验证错误；只需显式设置 `step=".01"` 即可合法提交两位小数金额。
在处理货币类数据（如单价、数量、行合计、总金额）时，前端计算常通过 .toFixed(2) 格式化显示为两位小数（例如 1504.33），但若对应 元素未配置合适的步进精度，浏览器原生验证将阻止提交——即使值在视觉上完全合规。
根本原因在于： 的 step 属性定义了合法值的增量单位。默认 step="1" 意味着只接受整数（如 1, 2, 1504），而 1504.33 不满足 1504 + n × 1（n 为整数）的约束，因此触发验证失败。
✅ 正确做法是显式声明 step=".01"（或 step="0.01"），明确允许以 0.01 为最小增量的十进制数：
<!-- 正确：支持 0.01 精度的金额输入 --> <input type="number" name="unit_price" step=".01" min="0" placeholder="单价（元）" /> <!-- 行项目中的数量/单价/金额输入均需适配 --> <td><input type="number" class="form-control qty1" step=".01" /></td> <td><input type="number" class="form-control" step=".01" /></td> <td><input type="number" class="form-control" step=".01" readonly /></td>
⚠️ 注意事项：
- step=".01" 必须与 JavaScript 中的 .toFixed(2) 逻辑配合使用，避免因浮点运算误差（如 0.1 + 0.2 === 0.30000000000000004）导致值不被 step 规则接纳。建议在赋值前做标准化处理：
const safeRound = (val) => parseFloat(val.toFixed(2)); table.rows[i].cells[3].getElementsByTagName("input")[0].value = safeRound(qty * unit); - 若需兼容旧版浏览器或增强可访问性，可改用 type="text" + 输入掩码（如 inputmode="decimal" + pattern="\d+(\.\d{2})?"），但会失去原生数字键盘和滑块控件。
- min 和 max 属性也应与业务一致（如 min="0.01"），避免负值或零值误入。
总结：解决“金额含小数却无法提交”问题，核心不是修改 JavaScript 格式化逻辑，而是补全 HTML 输入控件的语义化约束——step=".01" 是让浏览器理解“两位小数是合法输入”的关键声明。
