type=submit按钮按回车键无响应，无需JavaScript如何解决？

首先明确：type="submit"的按钮要在无焦点时被回车触发，必须满足两个前提：

• 按钮处于<form>标签内部；
• 当前焦点在该form内的某个可交互表单控件（比如input、textarea）上，或者按钮自身获得焦点。

你遇到的问题根源在于：

1. 左侧导航栏默认抢走了焦点，导致按钮的autofocus属性没生效；
2. 即使添加文本框，若文本框不在同一个form里，或者你手动聚焦后仍没触发，可能是form结构有问题，或者文本框不属于该form。

不用JavaScript的解决方案：

• 夺回按钮的默认焦点：检查左侧导航栏的元素，移除它们的autofocus属性，确保页面加载时你的按钮能通过自身的autofocus获取焦点。此时按回车就能直接触发按钮事件。
• 确保表单结构正确：把按钮和需要触发回车的文本框都放在同一个<form>标签内。比如：

  <form>
    <input type="text" placeholder="输入内容后按回车">
    <button type="submit" tabindex="0" autofocus="autofocus" @onclick="StartClick">Start</button>
  </form>
  

  这样当文本框获焦时，按回车会自动触发form的默认提交按钮（也就是你的Start按钮）。
• 避免多个Submit按钮冲突：如果form内有多个type="submit"的按钮，浏览器只会把第一个设为默认提交按钮，确保你的Start按钮是form内第一个submit按钮。

内容的提问来源于stack exchange，提问作者BWhite