HTML按钮提交表单需设type="submit"并位于form内或通过form属性关联，input[type="submit"]功能等效；用a或div模拟提交必须依赖JS触发真实提交按钮，否则绕过验证且不触发submit事件。
HTML按钮标签本身不直接“触发表单提交”，而是靠 type 属性 和 所在表单上下文 共同决定行为。想用按钮提交表单，核心是让它成为表单的合法提交控件——不是所有按钮都能提交，也不是所有写法都可靠。
button 标签必须设 type="submit"
默认情况下，<button> 的 type 是 button（普通按钮），点击不会触发任何表单行为。要让它提交表单，必须显式声明：
-
<button type="submit">提交</button>—— 这是最标准、语义最清晰的方式 - 它必须位于
<form>标签内部，或通过form="form-id"属性明确关联到某个表单 - 不需要额外 JavaScript，浏览器原生支持：点击即触发表单的
submit事件，并按action和method提交数据
input[type="submit"] 是等效替代方案
如果你偏好使用 <input>，可用：
<input type="submit" value="提交">- 它和
button[type="submit"]功能完全一致，只是内容不可嵌套 HTML（只能纯文本） - 同样需处于
<form>内，或通过form="id"指定归属
用超链接或 div 模拟提交？得靠 JS 驱动
如果设计要求用 <a> 或 <div> 当“提交按钮”，它们本身无提交能力，必须借助 JavaScript：
立即学习“前端免费学习笔记（深入）”；
- 先确保表单里有一个真实存在的提交按钮（可隐藏）：
<button type="submit" id="real-submit" style="display:none"></button> - 再给超链接绑定点击事件：
<a href="#" onclick="document.getElementById('real-submit').click(); return false;">自定义提交</a> -
return false阻止<a>默认跳转，.click()模拟点击真实提交按钮，从而触发原生表单提交流程
常见错误与避坑点
以下写法看似能用，实则隐患多：
-
<button onclick="document.forms[0].submit()">提交</button>—— 绕过表单验证、不触发submit事件、无法被拦截（如阻止重复提交） -
<button>提交</button>（无 type）—— 点击无效，仅触发 click 事件，不提交 - 按钮在
<form>外且没设form="xxx"—— 浏览器不识别其提交意图 - 用
input[type="button"]或button[type="button"]去调form.submit()—— 同样跳过验证和事件流，属于“伪提交”
