button的form属性生效需同时满足：值与目标form的id严格一致（大小写敏感）、目标form存在于当前文档、浏览器支持（ie10+及现代浏览器），且button必须为type="submit"或"type=reset"。
button 的 form 属性怎么写才生效
只有当 button 不在 form 元素内部时，form 属性才有意义；否则它会被忽略。这个属性的值必须是当前页面中某个 form 元素的 id，且大小写敏感。
- 错误写法：
<button form="myForm">提交</button>，但页面里没有<form id="myForm"></form> - 常见坑：ID 中含空格、下划线或特殊字符（如
my-form可以，但my form不行） - 注意：设置
form后，type默认为submit，若想点击不提交，请显式写type="button"
为什么 onclick 里调用 form.submit() 有时失败
直接调用 form.submit() 会绕过表单原生验证（比如 required 字段），但更隐蔽的问题是：如果通过 document.getElementById() 获取不到目标 form，就会报 Cannot read property 'submit' of null。
- 确保 DOM 已加载完成——不要在
<script></script>标签写在里且没加defer或DOMContentLoaded -
form元素不能被 JS 动态移除或重命名 ID，否则引用失效 - 避免用
name查找：document.forms.myForm在某些旧浏览器或 name 冲突时不可靠，优先用getElementById
button 和 input type="button" 在关联表单行为上有区别吗
有。虽然两者都能触发 JS 提交，但原生表单提交行为上，button 支持 form 属性，而 input[type="button"] 完全不支持——它的作用域永远局限在父 form 或无关联状态。
-
<input type="button" form="xxx">被浏览器直接忽略，不会关联任何表单 - 如果需要脱离表单结构控制提交，必须用
<button></button>+form属性，或 JS 绑定 - 样式和可嵌套性上，
button更灵活（能放图标、文本混合内容），input只能设value
使用 formaction 替代 JS 提交的适用场景
formaction 是 button 或 input[type="submit"] 的原生属性，用于临时覆盖 form 的 action，适合多操作路径（如“保存草稿”和“正式提交”共用一个表单结构）。
- 仅对
type="submit"生效；type="button"设了也无效 - 值必须是合法 URL，相对路径基于当前页面解析，不是基于原
form action - 注意：它不改变
method，若需不同请求方式（如 POST vs PUT），仍得靠 JS 或隐藏字段配合后端路由
form 属性依赖 ID 精确匹配，formaction 依赖 type 类型，而 JS 提交又容易踩 DOM 加载时机的坑——这些点不在同一层，却常因一个按钮出问题就全连带失效。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
