表单提交必须指定action和method：不写action会默认提交到当前url易致404或无响应，不写method则默认get，致敏感数据暴露且长度受限；实操中action应为后端真实接口路径如/api/login，登录等操作须用method="post"，搜索等只读操作可用get。
表单提交必须指定 action 和 method
不写 action，表单会默认提交到当前 URL，容易触发 404 或刷新页面却无响应；不写 method，浏览器默认用 GET，敏感数据（如密码）会暴露在 URL 中，且长度受限。
实操建议：
-
action值应为后端接收接口的真实路径，例如/api/login，不是前端路由（如/login） - 登录、修改、上传等操作一律用
method="POST"；搜索、筛选等只读操作可用GET - 若用
POST但后端未配置 CSRF token 验证，可能被拒绝（尤其 Django、Laravel 等框架）
input 类型与 name 属性决定能否传值
没有 name 的 input 不会出现在提交数据中，哪怕用户填了内容。类型（type）则影响浏览器校验和键盘行为。
常见问题与处理：
-
<input type="text" id="username">缺少name="username"→ 后端收不到该字段 - 密码输入必须用
type="password"，否则明文暴露；但仅靠这个不能防抓包，需配合 HTTPS - 邮箱、数字等语义化类型（
email、number）可触发原生校验，但不可替代后端验证 - 复选框（
type="checkbox"）未勾选时不会提交，如需“false”值，得额外加隐藏域或服务端设默认值
按钮必须用 type="submit" 才能触发表单提交
写成 <button>提交</button> 或 <button type="button"></button> 不会提交表单，只会执行绑定的 JS 事件（如果有的话）。
关键细节：
- 表单内任意一个
type="submit"按钮被点击，都会提交整个表单，不管它在哪个fieldset里 - 用
type="reset"会清空所有控件值（包括通过 JS 设置的），慎用 - 禁用提交按钮防止重复点击时，记得同时加
disabled并在 JS 中控制：提交成功后再启用，否则用户无法重试
文件上传必须设置 enctype="multipart/form-data"
缺这个属性，<input type="file"> 选中的文件根本不会发出去，后端收到的只是空字段或文件名字符串。
注意事项：
- 只要表单含任意
file输入，就必须设enctype="multipart/form-data"；其他情况（纯文本）用默认application/x-www-form-urlencoded即可 - 该编码方式下，
GET方法不支持文件上传，必须搭配method="POST" - 大文件上传时，Nginx/Apache 默认有大小限制（如 Nginx 的
client_max_body_size），前端提示“上传失败”可能其实是服务端拒收
name，后端就少一个字段；错配一个 enctype，文件就永远到不了服务器。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
