交付时真正要回答的问题
设计师把发送按钮移到独立视觉面板。它看起来仍与询盘字段对齐,表单归属却丢失,或指向订阅表单。归属与排版必须分开验收:视觉相邻不能证明按钮会提交哪些值。
依据与可证明的范围
form属性可以把支持的控件关联到同一文档内指定id的表单,即使控件不在表单内部。 MDN · 2026年10月16日核对。
已填写的合成验收例子
合成教学例子,不是真实客户记录。先看输入与预期,再运行下方隔离的浏览器练习。表格窄屏可横向滚动;字段名和示例值保留原样,方便与测试源码对照。
| 输入 | 检查 | 预期 |
|---|---|---|
| External button form=fixture-brief | button.form.id | fixture-brief |
| External field form=fixture-brief | FormData(fixture-brief) | 包含该字段 |
| 外部按钮未指定归属 | button.form | null |
怎样核验,不只看界面
- 列出询盘表单实际id、外部控件与其他表单。
- 在隔离练习中检查form归属与FormData。
- 在非生产发送路径中,为不同表单填不同虚拟值做对照。
怎样解释结果
form属性匹配属于结构检查,不等于已经送达。需保留目标表单、按钮归属与测试载荷。若CMS重复id,应在新组件上线前解决,不能猜浏览器会选哪张表单。本练习不会改动既有页面。
明确不证明什么
仅覆盖同一文档的归属;iframe、Shadow DOM框架和接收端路由需另验。
可运行练习与交付记录
打开浏览器验收练习 · 查看可读测试源码。练习只在浏览器内创建临时元素,使用合成内容,不读取账号、不上传文件、不发送邮件或表单。记录被测浏览器版本、检查名、实际值与通过状态。真实集成结果另记,不能用本地通过代替。