HTML | DOM 表单 enctype 属性

介绍

在 HTML 表单中，enctype 属性定义了提交表单时浏览器使用的编码类型。它通常与

默认情况下，enctype 属性设置为 "application/x-www-form-urlencoded"，这是最常见的编码类型。然而，当表单中包含文件上传时，需要将 enctype 属性设置为 "multipart/form-data"。

语法

<form enctype="enctype_value">

• enctype_value：提交表单时使用的编码类型。常见的值包括：
  • "application/x-www-form-urlencoded"：默认值，用于常规文本数据。
  • "multipart/form-data"：用于文件上传。
  • "text/plain"：用于纯文本数据。

示例

以下示例演示了如何使用 enctype 属性：

<form action="/submit-form" method="post" enctype="multipart/form-data">
  <input type="file" name="file_upload" />
  <input type="submit" value="提交" />
</form>

在上面的示例中，当用户选择文件时，表单的 enctype 属性设置为 "multipart/form-data"，以确保正确地处理文件上传。

注意事项

• 使用 enctype 属性时，请确保与服务器端代码进行适当的配合。不同的编码类型需要在服务器端进行不同的处理。
• 当 enctype 属性设置为 "multipart/form-data" 时，表单数据被编码为一系列的部分，因此需要在服务器端进行特殊处理，以提取文件和文本数据。

参考链接

• MDN - enctype attribute