formenctype 是 button 或 input 元素的属性，仅在含 file 输入时生效，用于覆盖表单 enctype 并指定提交编码类型（application/x-www-form-urlencoded、multipart/form-data、text/plain），不改变页面字符编码。
formenctype 是什么，它真能动态改编码？
formenctype 是 <button type="submit"></button> 或 <input type="submit"> 上的布尔型属性，**仅在表单包含 type="file" 输入时生效**，且只影响该按钮触发提交时的 Content-Type 请求头（即 enctype）。它不会“动态更改页面编码”（如 UTF-8 页面变 GBK），也不会改变 <meta charset> 或服务器响应编码。它的作用非常具体：让同一个表单，用不同按钮分别以 multipart/form-data 或 application/x-www-form-urlencoded 发送——但注意：formenctype **不支持 text/plain 以外的自定义值，且浏览器会忽略非法值**。
哪些值可用？浏览器实际怎么处理？
合法值只有三个：application/x-www-form-urlencoded、multipart/form-data、text/plain。其中：
-
multipart/form-data：唯一支持文件上传的编码，formenctype设为此值时，即使表单enctype是urlencoded，也会以分段格式发送（含boundary） -
application/x-www-form-urlencoded：默认值，**会丢弃所有<input type="file">字段**（字段名存在，但值为空字符串） -
text/plain：极少使用，仅用于调试；文件字段变成纯文本名（无二进制内容），且空格变+，特殊字符不编码
关键点：formenctype 的优先级高于 <form enctype></form>，但**不能覆盖 multipart/form-data 对文件字段的必需性**——若你用 urlencoded 按钮提交带文件的表单，后端收不到文件内容，这是预期行为，不是 bug。
实操：用多个 submit 按钮切换 enctype 的典型写法
场景：一个含文件上传和文本字段的表单，需要“仅提交文本”和“连同文件一起提交”两个操作入口。
注意：<form></form> 的 enctype 可设为任意值（甚至不设），因为 formenctype 会覆盖它；但若所有按钮都不设 formenctype，则回退到表单自身的 enctype。
容易踩的坑和兼容性提醒
常见错误现象包括：
- 点了
formenctype="multipart/form-data"按钮，但后端req.files为空 → 检查是否漏了<input type="file">的name，或后端未配置 multipart 解析中间件（如 Express 需multer） - 用
formenctype="text/plain"提交，发现中文字段乱码 → 这是设计使然，该编码不处理 Unicode，不要用于生产 - 在 Safari 15.4 之前，
formenctype对<input type="submit">支持不完整，建议统一用<button></button> - 试图用 JavaScript 动态修改
button.formenctype属性再点击 → 大部分浏览器忽略运行时变更，必须在点击前已渲染好属性值
最常被忽略的一点：formenctype 不解决字符编码问题本身——文件名中的中文是否正常，取决于浏览器如何编码 filename 参数（通常用 UTF-8），以及后端是否正确解析该参数，这和 formenctype 无关。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
