formenctype仅对type="submit"或type="image"的input有效，用于按钮级覆盖表单编码方式；它不作用于type="text"等普通输入框，也不影响fetch或form.submit()等JS提交。
formenctype 属性只对 type="submit" 或 type="image" 的 input 有效
这个属性不会在普通文本输入框（如 type="text"）上起作用，也不是给整个表单设编码的——它只控制「点击这个按钮提交时」所用的编码方式。如果你给一个 type="button" 加 formenctype，浏览器会直接忽略它。
常见错误是把它和 enctype 属性混淆：后者必须写在 <form> 标签上，而 formenctype 是按钮级覆盖，仅影响该按钮触发的提交行为。
-
formenctype="application/x-www-form-urlencoded"：默认值，适合普通文本提交 -
formenctype="multipart/form-data"：上传文件时必需，否则<input type="file">的内容无法正确解析 -
formenctype="text/plain"：极少用，空格变空格、换行保留，不编码特殊字符，调试时偶尔用来看原始数据
和 form 元素的 enctype 冲突时以哪个为准？
当 <form> 设了 enctype="application/x-www-form-urlencoded"，但某个提交按钮写了 formenctype="multipart/form-data"，最终以按钮的 formenctype 为准——这是 W3C 规范明确规定的“按钮级覆盖”逻辑。
注意：这种覆盖只发生在同一表单内多个提交方式共存的场景，比如一个表单既有纯文本保存按钮，又有带文件上传的提交按钮。此时不能只靠一个 enctype 满足全部需求。
立即学习“前端免费学习笔记（深入）”；
- 必须确保目标按钮有
form属性（或位于对应<form>内），否则formenctype不生效 - 如果按钮不在任何
<form>中，或form属性指向不存在的表单 ID，formenctype被忽略，退回到默认编码 - Chrome/Firefox/Edge 均支持，但 IE10+ 才开始支持，旧项目需留意兼容性
实际使用中容易漏掉的关键点
最常被忽略的是：即使设置了 formenctype="multipart/form-data"，后端仍需正确解析 multipart 请求体——前端设对只是第一步。Node.js 的 express 需配 multer，PHP 默认支持，但 $_FILES 是否为空还取决于是否真有 type="file" 字段被选中。
- 没有
<input type="file">字段时，用multipart/form-data提交纯文本，服务端可能收不到字段（某些框架会跳过非文件字段） -
formenctype不会影响fetch()或XMLHttpRequest的手动提交，它只作用于原生表单提交机制 - 若用 JavaScript 调用
form.submit()，该调用不触发formenctype，它只响应用户点击按钮的行为
一个可验证的最小示例
<form id="myform" action="/upload" method="post"> <input type="text" name="title" value="test"> <input type="file" name="avatar"> <!-- 普通提交，用 form 默认 enctype --> <input type="submit" value="Save Text Only"> <!-- 覆盖为 multipart，触发文件上传逻辑 --> <input type="submit" formenctype="multipart/form-data" value="Upload with File"> </form>
点击第二个按钮时，即使表单没设 enctype，也会按 multipart 编码发送；第一个按钮则始终走默认编码。关键不是“有没有文件字段”，而是“哪个按钮被点”。
真正复杂的地方在于：你得同时协调 HTML 层的按钮配置、表单结构、后端接收逻辑，三者缺一不可。少盯住任意一环，上传就会静默失败。
