form元素的method属性决定提交方式：默认GET（数据拼URL，适合无副作用查询），但绝大多数场景应使用POST（数据放请求体，更安全、无长度限制）；formmethod可临时覆盖，仅对type="submit"按钮生效。
form 元素的 method 属性决定提交方式
HTML 表单默认用 GET，但绝大多数场景该用 POST。method 是 form 元素的原生属性，直接写在 <form> 标签里，浏览器据此生成 HTTP 请求方法。
常见错误是把 method 当成可选装饰，或误以为按钮 type 决定提交方式——其实按钮只触发提交，真正起作用的是 form 的 method。
-
method="get"：数据拼在 URL 后（如?username=abc&email=test%40com），适合搜索、过滤等无副作用操作；长度受限（URL 有上限）、不安全（敏感信息暴露）、会被缓存和书签化 -
method="post"：数据放请求体，无长度限制、不暴露 URL、不会被缓存；适用于登录、注册、上传、修改等有副作用的操作 - 浏览器还支持
put、delete等，但需服务端配合且多数表单不原生支持——得靠formmethod或 JS 模拟
button 或 input 的 formmethod 可覆盖表单默认 method
当一个页面有多个提交入口（比如“保存草稿”和“正式发布”），它们指向同一表单但需不同 HTTP 方法时，formmethod 就派上用场了。它只影响当前按钮的提交行为，不改动表单本身。
注意：只有 <button type="submit"> 和 <input type="submit"> 支持该属性；formmethod 值必须是小写（"post" 有效，"POST" 无效）。
立即学习“前端免费学习笔记（深入）”；
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<button type="submit" form="my-form" formmethod="post">正式提交</button><button type="submit" form="my-form" formmethod="get">预览链接</button>- 如果目标表单已设
method="post"，第一个按钮仍走 POST，第二个强制走 GET——互不干扰
enctype 影响数据编码格式，常被忽略
提交方式不只是 method，还有数据怎么打包。默认 enctype="application/x-www-form-urlencoded"（键值对 URL 编码），但上传文件必须用 multipart/form-data，否则 <input type="file"> 的内容根本不会发出去。
这个属性也支持 per-button 覆盖：formenctype，和 formmethod 用法一致。
- 普通文本提交：保持默认，不用动
- 含文件上传：整个表单设
enctype="multipart/form-data"，或仅上传按钮加formenctype="multipart/form-data" - 发送 JSON？不行——HTML 原生表单不支持
application/json；得用 JS 拦截后 fetch
type="submit" 是前提，否则 method 和 formmethod 都不生效
很多开发者给 <button> 写了 form="xxx" 和 formmethod="post"，但忘了设 type="submit"，结果点击毫无反应。浏览器只认这三类元素能触发表单提交：<button type="submit">、<button type="image">、<input type="submit"> 或 <input type="image">。
-
<button>默认是type="submit"，但显式写出更安全（某些旧浏览器或框架会重置默认） -
<button type="button">即使写了form和formmethod，也完全没提交行为 - 用 JS 调用
click()触发时，同样依赖 type ——button.click()不会提交，除非它是 submit 类型
最易被忽略的其实是 enctype 和 type 的组合：缺一不可。比如上传文件时只改了 formmethod 为 post，却没设 enctype，后端收不到文件字段；或者 button 没写 type，所有属性都白配。
