回车提交表单是浏览器标准行为：当form内仅有一个可聚焦的单行输入框且无显式submit按钮时，w3c要求支持该行为；禁用方式包括onsubmit拦截、keydown拦截enter键、添加隐藏但可聚焦的input；textarea需单独拦截enter换行，不可与input共用逻辑。
为什么 input 按回车会提交表单
这不是 bug，是浏览器标准行为：当 form 内只有一个可聚焦的 <input type="text">（或 number、email 等单行输入控件），且没有显式声明 type="submit" 的按钮时，回车会直接触发表单提交。W3C 明确要求用户代理（浏览器）支持该行为。
禁用 input 回车提交的三种可靠方式
关键原则：不破坏语义、不干扰无障碍、不误杀 textarea 的换行需求。
- 在
form上加onsubmit="return false;"—— 最简，但会彻底关闭所有提交入口，后续需手动调用fetch或submit()，且必须确保submit事件监听器仍能注册 - 给目标
<input>绑定keydown并拦截：只对e.key === 'Enter'或'NumpadEnter'调用e.preventDefault()；避免用已废弃的keyCode - 补一个隐藏但「可见于表单逻辑」的输入框：
<input type="text" style="position: absolute; left: -9999px;" tabindex="-1">—— 注意不能用display: none或hidden，否则浏览器仍视为“仅一个有效输入”
textarea 回车必须换行，不能提交
这是唯一需要主动拦截 Enter 的场景。但拦截点必须精准落在 textarea 元素上，而不是 form 或 document。
- 监听
textarea的keydown，判断e.key === 'Enter'且!e.shiftKey && !e.ctrlKey - 调用
e.preventDefault()后，若需插入换行符，应手动操作selectionStart/selectionEnd，而非直接value += '\n'（会丢失光标位置） - 切勿在
<input type="text">上套用同样逻辑，否则默认提交行为被破坏，用户无法用回车确认输入
多个 submit 按钮共存时的回车行为
回车永远激活 DOM 中第一个 <button type="submit"></button> 或 <input type="submit">，它的 click 和表单的 submit 事件会同时触发。
- 别依赖 CSS 隐藏（
display: none）来“屏蔽”某个 submit 按钮——它仍参与顺序判定 - 动态控制默认提交目标时，用
form.querySelector('button[type="submit"]')+.focus()更可控 - 所有
button必须显式声明type：提交用type="submit"，纯操作用type="button"；漏写type会导致浏览器行为不一致（Chrome 默认submit，旧 IE 可能为button）
textarea 和 input 对回车的语义完全不同，不能共用一套拦截逻辑；而 form 默认提交行为一旦被 e.preventDefault() 阻止，就必须自己补全提交链路，否则整个表单就“哑火”了。**前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
