autocomplete="transaction-amount"不是html5有效值，浏览器不识别；应使用type="number"配合step="0.01"等约束，或通过js预填充金额。
autocomplete="transaction-amount" 在 HTML5 中不是有效值，浏览器不会识别或自动填充它。
HTML5 autocomplete 属性不支持交易金额
HTML5 规范（WHATWG 和 W3C）定义的 autocomplete 值仅限于明确的、语义化的表单字段类型，例如 name、email、cc-number、shipping address 等。目前没有标准值对应“交易金额”，transaction-amount 不在任何官方列表中，属于无效或自定义写法，主流浏览器（Chrome、Firefox、Safari）均忽略该值，不会触发自动填充行为。
可用的替代方案
虽然无法让浏览器自动填入金额，但可结合以下方式提升用户体验：
-
使用语义化且受支持的 type + autocomplete 组合：例如金额输入框设为
<input type="number" step="0.01" min="0">，配合autocomplete="off"（避免误填）或留空（由浏览器按上下文推测，但对金额基本无效） -
用 data-* 属性标记用途：如
data-field="transaction-amount"，便于 JavaScript 逻辑识别，但不影响原生自动填充 -
结合后端或 JS 预填充：从 URL 参数、localStorage、上一页表单数据或支付上下文（如购物车总价）中读取金额并设置
value - 提供快捷按钮或模板金额：例如“填入应付总额”按钮，点击后自动写入计算好的数值
哪些 autocomplete 值是真正有效的？
与金融/支付相关、被广泛支持的标准值包括：
-
cc-number（信用卡号） -
cc-exp/cc-exp-month/cc-exp-year（有效期） -
cc-csc（安全码） -
transaction-currency（币种，Chrome 支持） -
organization、tel、email（用于收款方信息）
注意：transaction-amount 不在其中，也未被提案纳入标准。
开发者应如何处理金额输入？
务实做法是放弃依赖浏览器自动填充金额，转而：
- 确保输入框有清晰标签（如“付款金额”）和正确
type="number"及格式约束（step="0.01"、inputmode="decimal"） - 服务端校验金额合法性（范围、精度、非负等）
- 前端实时格式化显示（如千分位、固定两位小数），但提交时保持纯数字值
- 若来自历史订单或账单，用 JavaScript 主动注入
value，而非依赖 autocomplete
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
