HTML <form> enctype 属性用法详解

作者:前端大神~ | 时间:2019-06-06

HTML <form> enctype 属性用来定义向服务器提交数据的编码,至于具体的用法,下面我给大家详细讲解下。

定义和用法

HTML <form> enctype 属性规定如何对提交到服务器的数据进行编码。

提示:只有 method="post" 时才使用 enctype 属性。

enctype的值:

application/x-www-form-urlencoded 默认。在发送前对所有字符进行编码(将空格转换为 "+" 符号,特殊字符转换为 ASCII HEX 值)。

multipart/form-data 不对字符编码。当使用有文件上传控件的表单时,该值是必需的。

text/plain 将空格转换为 "+" 符号,但不编码特殊字符。

实例代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(http://www.woyoudaan.cn/)</title> 
</head>
<body>

<form action="demo-post_enctype.php" method="post" enctype="multipart/form-data">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

</body>
</html>

显示结果:

HTML<form>enctype 属性用法详解

浏览器支持

目前市面上的浏览器都支持HTML <form> enctype 属性


以上就是对HTML <form> enctype 属性的用法的详细说明了,希望大家能够理解掌握。