表单提交时如何通过 formenctype 属性覆盖默认编码
当表单包含文件上传时，默认编码会导致提交失败，通过在按钮上设置 formenctype 属性可解决此问题。
默认编码为何无法处理文件上传
表单提交时，默认的编码方式为 application/x-www-form-urlencoded，这种格式仅适用于普通文本数据。当表单中包含 type 为 file 的 input 元素时，浏览器必须使用 multipart/form-data 编码格式，以便正确分割文件数据和表单字段。如果未指定正确的编码，服务器将无法解析文件内容，导致上传失败。
HTML 规范规定，只有当 method 属性值为 post 时，enctype 属性才会生效。如果 method 设置为 get，enctype 属性将被忽略，且无法通过子元素覆盖。因此，在处理文件上传时，必须确保表单的 method 为 post，并正确设置 enctype 或通过子元素覆盖。
如何通过 formenctype 属性覆盖默认设置
开发者可以在表单内的 <button>、<input type='submit'> 或 <input type='image'> 元素上设置 formenctype 属性，以覆盖表单级别的默认编码设置。例如，当表单默认使用 application/x-www-form-urlencoded 时，若希望上传文件，只需在提交按钮上添加 formenctype='multipart/form-data' 即可。
这种覆盖机制允许开发者灵活处理不同的提交场景。例如，同一个表单可以包含普通文本提交和文件上传提交两种按钮，分别使用不同的编码格式。需要注意的是，formmethod 属性同样可以被子元素覆盖，但 enctype 属性仅在 method 为 post 时有效。
排查编码设置错误的检查步骤
首先，检查表单的 method 属性是否为 post，因为 enctype 属性在 method 为 get 时无效。其次，确认表单中是否包含 type 为 file 的 input 元素，如果没有，则不需要使用 multipart/form-data 编码。最后，检查提交按钮是否设置了 formenctype 属性，如果没有，浏览器将使用表单默认的编码方式。
可以通过浏览器的开发者工具查看网络请求的 Content-Type 头部信息。如果上传失败，检查该头部是否为 multipart/form-data，以及 boundary 边界值是否正确生成。如果头部显示为 application/x-www-form-urlencoded，说明编码设置未生效，需检查 formenctype 属性是否正确设置。
如何判断编码设置是否生效
在提交表单后，打开浏览器的开发者工具并切换到 Network（网络）标签页。点击提交按钮，找到对应的请求，查看 Request Headers 中的 Content-Type 字段。如果该字段显示为 multipart/form-data，则说明编码设置已生效，文件数据将以正确的格式发送到服务器。
如果 Content-Type 字段显示为 application/x-www-form-urlencoded，则说明编码设置未生效。此时，需检查表单的 method 属性是否为 post，以及提交按钮是否设置了 formenctype 属性。此外，还需确认表单中是否包含文件上传字段，因为 enctype 属性仅在包含文件字段时才需要设置为 multipart/form-data。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。