form表单---enctype属性

TIGERB 发布于2019-08-02 16:05 / 2762人阅读

摘要：表单中的属性，可以告诉服务器，我们提供给它的内容的类型。属性值表单中的属性常用值，有以下三种注意或元素中，若使用会覆盖属性。表单只支持和请求。表单的属性在中是有效的。属性赋值不上上面的三种，会自动转换为默认值。

知识点补充：

MIME类型：

服务器需要将发送的多媒体数据的类型告诉浏览器，而告诉浏览器的手段就是告知多媒体的MIME类型。

form表单中的enctype属性，可以告诉服务器，我们提供给它的内容的MIME类型。

entry属性值

form表单中的entry属性常用值，有以下三种：
1、application/x-www-form-urlencoded
2、multipart/form-data
3、text/plain(HTML5)

注意：button或input元素中，若使用formenctype会覆盖enctype属性。

form表单只支持GET和POST请求。如果写成其他类型，基本都会被自动识别为GET请求。
post
1、form表单的enctype属性在post中是有效的。
2、enctype属性赋值不上上面的三种，会自动转换为默认值。
3、post请求，其url也写了参数，则表单内容和url参数都会发送给服务器。
get
1、form表单的enctype属性在get中会被忽略。
2、get请求的数据，会将其自动序列化为‘txt1=777&txt2=11’这种形式，并自动附加到url上。

另：
form表单提交的时候，若不写action，会提交到当前页面，如果是GET，在当前页面url会自动添加参数。

application/x-www-form-urlencoded

enctype值为application/x-www-form-urlencoded
特点：会对特殊符号进行转义

(1)method为post

form表单中的内容

(2)method为get

表单上提交的信息自动序列化为‘txt1=777&txt2=11’这个形式。

text/plain

enctype值为text/plain
作用：以存文本的形式进行编码。不会对特殊字符进行编码的。（可以看到转为键=值，而且没有看编码的选项）

multipart/form-data

enctype值为multipart/form-data
作用：需要向服务器发送二进制数据时候使用。如提交文件时候。
不提交文件的情况：

提交文件的时候：

注意：用其他两个enctype的值会发现，我们发送文件等二进制文件时候，只是将文件名发了过去。

content-disposition 和 content-transfer-encoding暂留

服务器托管私有云 form属性 form表单校验 form表单插件 form表单判断

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/54640.html

表单提交时编码类型enctype详解

摘要：以下引用，摘自规范的章节这不就是我们在回调函数里判断返回数据的类型，并且是在请求头中的那个玩意儿吗没错就是它根据规范的基础数据类型的说明，这个指定了连接资源的属性，同时也是的那些媒体类型。今天掰扯完了表单提交时的编码类型，以及它和的关系。很早以前，当还没有前端这个概念的时候，我在写表单提交完全不去理会表单数据的编码，在action属性里写好目标URL，剩下的啊交给浏览器吧~但是现在，...

jackzou 2019-08-01 15:10 评论0 收藏0
JS基础篇--JS之表单提交时编码类型enctype详解

摘要：格式支持比键值对复杂得多的结构化数据，这一点也很有用。例如下面这段代码最终发送的请求是这种方案，可以方便的提交复杂的结构化数据，特别适合的接口。简介 form的enctype属性为编码方式，常用有两种：application/x-www-form-urlencoded和multipart/form-data，默认为application/x-www-form-urlencoded。 ...

ad6623 2019-08-21 17:26 评论0 收藏0
JavaScript 表单脚本

摘要：文本框获得焦点时，选中其中所有的文本思路利用焦点事件事件，在文本框获得焦点时，利用其方法选中所有文本。自动切换焦点思路利用事件检测用户输入新字符后，文本框内的字符串是否已经达到最大长度，若达到最大长度，则将焦点切换至下一个文本框。 JavaScript 表单脚本通过 document.forms 可以获得一个包含当前页面中所有表单的集合 HTMLFormElement 接口下面是这...

PrototypeZ 2019-08-20 11:26 评论0 收藏0
form表单提交

摘要：前言这是一篇关于提交数据的文章，由提供表单提交一是的一个标签，用来向服务端发送数据。前言：这是一篇关于form提交数据的文章，ajax由jQuery提供 form表单提交一、form是HTML的一个标签，用来向服务端发送数据。form元素有自己的属性，这里要讲的是form的enctype,method,action这三个属性 enctype:表示的是当method=post时候，...

wall2flower 2019-08-02 14:28 评论0 收藏0
form表单提交

摘要：前言这是一篇关于提交数据的文章，由提供表单提交一是的一个标签，用来向服务端发送数据。前言：这是一篇关于form提交数据的文章，ajax由jQuery提供 form表单提交一、form是HTML的一个标签，用来向服务端发送数据。form元素有自己的属性，这里要讲的是form的enctype,method,action这三个属性 enctype:表示的是当method=post时候，...

mzlogin 2019-08-26 13:34 评论0 收藏0