参考资料

  1. HTML DOM 返回图像映射的某个区域的port 实例
  2. HTML DOM 返回图像映射的某个区域的href 实例
  3. HTML DOM 返回图像映射的某个区域的pathname 实例
  4. HTML DOM 返回加载的当前文档的URL实例
  5. HTML DOM在下拉列表中选择多个选项
  6. HTML DOM document.write() 方法
  7. HTML DOM 节点
  8. HTML DOM 当点击完button不可用 实例

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