参考资料

1. HTML DOM 用指定的ID弹出一个元素的innerHTML实例
2. HTML DOM 用指定的Name弹出元素的数量实例
3. HTML DOM 返回一个锚的名字 实例
4. HTML DOM 给image加上border
5. HTML DOM弹出下拉列表中被选中的选项的索引
6. HTML DOM 返回当前的文件和链接的文档之间的关系
7. HTML DOM 返回一个表单中元素的数量 实例
8. HTML DOM 改变链接的target属性实例

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">