form属性仅决定控件逻辑归属表单，不触发提交；真正提交必须由type="submit"按钮或form.submit()显式触发，且控件需有name属性才能进入formdata。
输入框本身不提交，form 属性只是让它“逻辑归属”某个表单——真正触发提交的，永远是 type="submit" 的按钮或 form.submit() 调用。
为什么写了 form 属性却没提交？
常见错觉是“给 <input form="myform"> 加了属性就能自己提交”，但实际它只是告诉浏览器：“我属于 id="myform" 的那个表单”。它不会自动发请求，也不响应回车（除非所在表单有默认 submit 按钮）。提交动作仍需显式触发。
-
<input>、<textarea></textarea>等控件加form属性后，只影响数据归属和form.elements遍历，不改变自身行为 - 回车提交仅在控件处于“被包裹的表单内”且存在可聚焦的
type="submit"按钮时才生效；外置控件不触发该机制 - 验证是否生效：检查
document.getElementById("myform").elements是否包含该控件，且该控件有name
form 属性必须配 name 才能进提交数据
即使 <input form="login" value="admin"> 位置正确、DOM 存在、id 匹配，只要没写 name="username"，它就不会出现在 FormData 或传统表单 POST 的键值对里——后端收不到，不是 bug，是规范。
-
name是服务器识别字段的唯一依据，id或class不参与提交 -
name=""或name缺失，等同于不存在该字段 - 多选控件（如复选框）靠
name归组，同一name下多个值才会被收集为数组
提交动作只能由三类元素触发
只有 <button type="submit"></button>、<input type="submit">、<input type="image"> 支持 form 属性并能触发提交。其他元素（包括 <input type="text">）加了也无效。
- 按钮必须在 DOM 中独立存在，不能嵌套在另一个
<form></form>内部——否则父表单优先级更高，form属性被忽略 - 按钮的
form属性值必须严格等于目标<form id="xxx"></form>的id，大小写、空格、连字符都不能错 - 点击该按钮时，只采集目标
<form></form>内部所有带name的可提交控件（disabled的跳过，readonly的保留）
JavaScript 提交时 form 属性不生效
调用 form.submit() 会绕过所有 HTML 层面的 form 关联逻辑，事件对象里的 event.submitter 为 null，无法溯源是哪个按钮触发的。如果需要区分提交来源（比如“保存草稿” vs “正式提交”），必须用 JS 显式构造数据或依赖 formaction + formmethod。
-
form.submit()是原生提交，不触发submit事件监听器，也不走 fetch 流程 - 想保留
event.submitter信息，只能靠用户点击带form的 submit 按钮，再在form.addEventListener('submit', ...)里读取 - Safari 15.4 之前不支持
event.submitter，旧版本需用data-submit-type="draft"配合 click 监听做标记
最易被忽略的点：外置控件的 form 属性只解决“归属”，不解决“触发”；提交行为永远绑定在 submit 类型按钮上，且该按钮必须物理上脱离目标表单、逻辑上指向它——中间任何一环断掉（id 不匹配、缺 name、按钮类型不对），数据就静默消失。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
