回车键触发表单提交需同时满足四个条件：表单内至少有一个未禁用且可聚焦的文本类控件（如text、email、textarea）、该控件有name属性、form标签存在且含action属性、所有提交字段均带name。

回车键默认就能触发表单提交，但必须满足几个硬性条件，缺一不可；不是加个 <input type="submit"> 就万事大吉，也不是所有 <input> 按回车都有效。

表单里没有可编辑文本框，回车一定无效

浏览器只在至少存在一个未禁用、可获得焦点的文本类输入控件时，才启用回车提交逻辑。这个控件必须是：<input type="text">、<input type="email">、<input type="search">、<textarea></textarea> 等类型，且不能带 disabled 或 readonly 属性。

• 常见错误：表单里只有 <input type="hidden">、<input type="button"> 或 <button type="button"></button> → 回车完全无反应
• <textarea rows="1"></textarea> 在老版 Safari 或某些 Electron 渲染中可能被当成“不可提交字段”，优先用 <input type="text">
• 设了 tabindex="-1" 会让控件无法获得焦点，回车也就失去触发对象

<input type="submit"> 不是开关，只是提交路径之一

<input type="submit"> 本身不“开启”回车功能，它只是表单提交的多种触发方式之一。它的作用是：当用户点击它，或在满足前述条件的前提下按回车，浏览器就向 <form></form> 的 action 地址发起请求。

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

• 它必须嵌套在 <form></form> 标签内，否则点击无响应，回车也无效
• 按钮的 value 只控制显示文字，不影响提交行为；但若想让后端知道“用户点了哪个按钮”，得给它加 name 属性（例如 name="action"）
• 多个 <input type="submit"> 共存时，回车默认激活第一个（DOM 顺序），不是随机或按视觉位置

JS 干预回车行为时，最容易误伤原生逻辑

想加校验、防重复提交或改用 fetch，通常会监听 submit 事件并调用 e.preventDefault()。但很多人在 keydown 阶段就拦截，反而破坏了浏览器本应处理的语义。

• 别在全局 document.addEventListener('keydown', ...) 里无差别 e.preventDefault() —— 这会吃掉所有回车，包括 <textarea></textarea> 换行
• 正确做法：监听 form 的 submit 事件，在里面做校验和手动提交；或者监听 input 的 keydown，仅当 e.key === "Enter" && !e.shiftKey 时干预
• 用 event.key 判断 Enter，比 keyCode 或 which 更可靠，尤其在中文输入法下

name 属性缺失，是“数据没发出去”的头号原因

无论回车是否成功触发提交，只要字段没设 name，它的值就不会出现在请求载荷里。浏览器只序列化带 name 的控件，id、class、甚至 data-* 属性全无效。

• <input id="username"> → 后端收不到任何 username 字段
• <input name="username"> → 请求体里有 username=xxx（GET 则拼在 URL 后）
• 动态生成的 input（如 JS 创建），容易漏掉 name；禁用的字段（disabled）也不会提交，要用 readonly 替代

最常被忽略的一点：回车提交依赖的是整个表单结构的完整性——<form></form> 存在、有 action、字段有 name、至少一个可编辑 <input> 可聚焦。少任何一个环节，看起来只是“按了没反应”，实际是浏览器根本没进入提交流程。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！