一. 定义和用法:enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。

二. 属性值

描述
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data

不对字符编码。

在使用包含文件上传控件的表单时,必须使用该值。

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

通过enctype属性设定表单数据的内容类型 
1. application/x-www-form-urlencoded 

在发送前编码所有字符(默认)使用到的编码方式: 
1)控件的名称和值都被转义,空白字符使用【+】替换,保留的字符一般都是用来实现特定的目的,例如(: / ? ; @ = & 等)。非数字和字母的字符使用%HH(这里 HH表示两个十六进制数字,代表该字符的ASCII码)进行转换 
2)控件的“名称/值”对按照它们在文档数据流中出现的顺序列出来。“名称”“值”使 用“=”分割,两个“名称/值”之间使用&隔开。(查询字符串)  。窗体数据被编码为名称/值对。这是标准的编码格式。

2. multipart/form-data

不对字符编码。在使用包含【文件上传控件】的表单时,必须使用该值。数据分成多个部分,每个部分代表一个结构良好的控件,作为文档数据流的一部分,每一个部分都按照它们在文档数据流中出现的顺序依次发送到服务器端,并且,每一部分的边界不会出现在数据中。每一部分有一个content-desposition标题头,它的值的格式是: Content-Disposition:form-data;name="myControl" 。 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分。

3. text/plain

空格转换为 "+" 加号,但不对特殊字符编码。窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

三. 实例

在下面的例子中,表单数据会在未编码的情况下进行发送:

<html>
<body>

<form action="/example/html/form_action.asp" method="get" enctype="text/plain">
        First name: <input type="text" name="fname" /><br />
        Last name: <input type="text" name="lname" /><br />
        <input type="submit" value="Submit" />
</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>
</html>

2021-08-19 HTML <form> 标签的 enctype 属性相关推荐

  1. html表单 传递 符号,HTML源码中 form 标签的 enctype 属性

    定义:enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码.默认地,表单数据会编码为 "application/x-www-form-urlencoded".即在发 ...

  2. HTML源码中 form 标签的 enctype 属性

    定义:enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码.默认地,表单数据会编码为 "application/x-www-form-urlencoded".即在发 ...

  3. HTML form 标签的 enctype 属性

    1. enctype 的定义和用法 enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码. 默认地,表单数据会编码为 "application/x-www-form-urle ...

  4. form标签的enctype属性

    enctype属性规定在将表单数据发送到服务器之前如何对其进行编码.也就是通过表单发送数据时默认的编码类型. 只有在method = "post"时才能使用; 属性值: (1)ap ...

  5. js修改form标签的enctype属性

    提交文件的时候,在页面一般都是这么写的 <html:form action="/test/KnwlgStop.do?action=initAuditMain"method=& ...

  6. [html] 关于<form>标签的enctype属性你有哪些了解?

    [html] 关于标签的enctype属性你有哪些了解? form 标签的 enctype 属性指定将数据回发到服务器时浏览器如果对表单数据进行编码,其有三种编码形式:application/x-ww ...

  7. html form 里加图片,上传图片HTML form 标签的 method 属性

    选择图片: 请尝试在浏览文件时选取一个以上的文件. 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理.共有两种方法:POST 方法和 GET 方法. 如果采用 POST 方法 ...

  8. 判断form表单里面的元素属性是否有数据_html form标签的action属性是什么意思?又有哪些用法?(附实例)...

    本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 程序猿的生活:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固, ...

  9. php中的method是什么意思,HTML中的form标签的method属性怎么用?这里有method属性的用法介绍...

    本篇文章主要的介绍了关于HTML中的form标签的method属性的定义及其用法解释,做了详细的解释,后面还有两个常见的问答和method属性的实例,现在就让我们一起看下去吧 首先我们来看看HTML中 ...

  10. php表单数据类型,form表单中enctype属性的三种类型

    1.form表单中enctype属性的三种类型 form表单中enctype属性可以用来控制对表单数据的发送前的如何进行编码,enctype有三种,分别为: multipart/form-data不对 ...

最新文章

  1. B00009 C语言分割字符串库函数strtok
  2. R语言xgboost包:使用xgboost算法实现随机森林(random forest)模型
  3. php使用curl库进行ssl双向认证
  4. Lesson 021 —— python 循环语句
  5. 创业——不可忽视的创业计划书!!!
  6. 你以为文言编程只是闹着玩?三个月后,人家IDE、教程、包管理器都有了
  7. 上交大博导:写给不想做学术的你
  8. JAVA遍历21位数
  9. 男生眼中“理想女友”工作排名,程序员排名第三,幼师倒数第一
  10. 美团优选、多多买菜等五家社区团购被罚650万元;打车手机越贵,接单车型越贵;微软推出低代码语言 Power Fx | 极客头条...
  11. 用matlab开发软件开发,Matlab软件应用与开发new
  12. python做数据分析的包_Python数据分析包的学习
  13. 服务器装系统蓝屏怎么办,重装系统蓝屏怎么办
  14. QQ坦白说v1.1 软件 源码 解析
  15. leetcode题解日练--2016.8.6
  16. html页面ie不显示图片,IE浏览器网页不显示图片如何解决?解决方法介绍
  17. [Chatter] 为甚么要学Design Pattern
  18. MySQL数据操作语言——插入语句、修改语句和删除语句
  19. 电气比例阀外接压力传感器和PID控制器实现微正压0.1%的超高精度控制
  20. Mongodb3.4升级3.6

热门文章

  1. borland终于把delphi卖掉了
  2. 超方便插件lombok的使用(eclipse版本)
  3. uva 10881蚂蚁(思维题)---理清关系
  4. char与short的区别
  5. 最美好的事情-收到了CSDN小婷寄送的勋章和手表
  6. 斯坦福大学Stanza的使用
  7. 招银网络科技面试问题——前端
  8. 关于 mmWave MIMO 和 IRS 的结合
  9. Smart Pointe
  10. python 泰森多边形边界_对于给定点集的泰森多边形的算法实现