![codecamp](https://atts.w3cschool.cn/attachments/image/20230811/1691741920856601.png)
HTML DOM Form enctype 属性
Form enctype 属性
![Form 对象参考手册](https://atts.w3cschool.cn/attachments/image/up.gif)
定义和用法
enctype 属性可设置或返回用于编码表单内容的 MIME 类型。
如果表单没有 enctype 属性,那么当提交文本时的默认值是 "application/x-www-form-urlencoded"。
当 input type 是 "file" 时,值是 "multipart/form-data"。
语法
formObject.enctype=value
enctype 属性可以是以下值:
值 | 描述 |
---|---|
application/x-www-form-urlencoded | 数据在发送前所有字符都会被编码 (默认) |
multipart/form-data | 没有字符被编码。这个值用于控制表单文件的上传 |
text/plain | 空格转换为"+"符号,但没有特殊字符 编码 |
浏览器支持
所有主要浏览器都支持 enctype 属性
注意: Internet Explorer 和 Safari 浏览器返回 "application/x-www-form-urlencoded" ,如果没有 enctype 属性被定义 (默认值),其他浏览器没有返回值。
实例
实例
返回表单数据发动到服务器的编码类型:
<html>
<body>
<form>
<form id="frm1" enctype="text/plain">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
</form>
<script>
document.write(document.getElementById("frm1").enctype);
</script>
</body>
</html>
<body>
<form>
<form id="frm1" enctype="text/plain">
First name: <input type="text" name="fname" value="Donald"><br>
Last name: <input type="text" name="lname" value="Duck"><br>
</form>
<script>
document.write(document.getElementById("frm1").enctype);
</script>
</body>
</html>
以上实例输出结果:
text/plain
尝试一下 »
![Form 对象参考手册](https://atts.w3cschool.cn/attachments/image/up.gif)