参考资料

1. HTML DOM 返回和设置链接的charset属性实例
2. HTML DOM禁用和启用下拉列表
3. HTML DOM 返回一个表单acceptCharset属性的值
4. HTML DOM 返回文档的标题实例
5. HTML DOM将下拉列表变成多行列表
6. HTML DOM 返回图像映射某个区域的坐标实例
7. HTML DOM 设置image的hspace和vspace属性
8. HTML DOM 用指定的Name弹出元素的数量实例

HTML DOM 返回表单中的enctype属性的值

HTML DOM 表单 enctype 属性

功能

enctype 属性规定在发送表单数据之前如何对数据进行编码。

用法

var encodingType = formObject.enctype;

属性值

• application/x-www-form-urlencoded (默认)

• multipart/form-data (用于文件上传)

• text/plain (HTML5)

实例

<form id="myForm" enctype="multipart/form-data">
  <input type="file" name="myFile">
</form>

<script>
  var form = document.getElementById("myForm");
  console.log(form.enctype); // 输出: multipart/form-data
</script>

CSS 扩展

虽然 enctype 是表单属性，但可以通过 CSS 属性选择器来设置样式：

form[enctype="multipart/form-data"] {
  border: 2px solid blue;
  padding: 10px;
}

相关标签

• <form>

• <input type="file">