不能直接用<a>提交表单，因其仅支持GET跳转，无法携带method、enctype及完整表单数据，会绕过原生校验、暴露敏感参数、触发长度限制且不支持文件上传。
为什么不能直接用 <a> 提交表单
超链接（<a href>）默认发起的是 GET 请求，且只能跳转到 URL，无法携带 <form> 的完整提交逻辑（如 method、enctype、input 值序列化等）。强行把表单字段拼进 href 里不仅难维护，还会暴露敏感参数、触发长度限制、丢失文件上传能力，而且绕过了浏览器对表单的原生校验（比如 required、type="email"）。
用 form 的 action + submit 按钮最稳妥
真正需要“像链接一样样式但走表单逻辑”，应该保留 <form> 结构，仅替换按钮视觉：
- 把
<input type="submit">或<button type="submit">设置为无边框、蓝色文字、鼠标手型（cursor: pointer），和普通链接一致 - 确保
<form>的action和method正确（例如method="post"） - 不要给按钮加
href或onclick="location.href=..."—— 这会绕过表单提交，变成纯跳转
<form action="/api/login" method="post"> <input type="hidden" name="token" value="abc123"> <button type="submit" style="background: none; border: none; color: #0066cc; text-decoration: underline; cursor: pointer;">立即登录</button> </form>
非得用 <a> 标签？必须用 JavaScript 触发 submit
如果 DOM 结构强制要求用 <a>（比如 CMS 输出不可改），唯一安全做法是阻止默认跳转，手动调用表单的 submit() 方法：
- 给
<a>加href="#"或href="javascript:void(0)"，并绑定onclick -
onclick中先event.preventDefault()，再找到目标<form>并调用其submit() - 不要用
document.getElementById(...).submit()—— 这会跳过 HTML5 表单验证；要用表单元素自身的submit()方法
<form id="myForm" action="/save" method="post">
<input name="title" required>
</form>
<a href="#" onclick="event.preventDefault(); document.getElementById('myForm').submit();">保存更改</a>
GET 表单确实能用 <a> 模拟，但有硬伤
如果表单是纯 GET 且只含简单字段（无文件、无复杂值），理论上可拼 URL：
立即学习“前端免费学习笔记（深入）”；
- 手动拼
href="/search?q=js&sort=date"，但需自己做 URL 编码（encodeURIComponent()），否则空格、中文会出错 - 无法响应用户修改输入框后点击链接——因为
<a>的href是静态的 - 浏览器地址栏会暴露所有参数，不适合 token、id 等敏感信息
- 长度超 2048 字符时，部分老浏览器或代理会截断
这种场景下，不如用隐藏表单 + JS 动态赋值再 submit，可控性高得多。
表单提交的核心约束没变：method、数据序列化、验证、enctype 都由<form> 元素控制。<a> 只是触发器，它本身不参与提交逻辑——这点容易被忽略，结果写出既不安全又难调试的“伪提交”。 
