HTML设置表单的enctype编码方式

淩亂°似流年 2022-10-29 07:39 130阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 用途
 *  2. \`application/x-www-form-urlencoded\` 解释
 *  3. \`multipart/form-data\` 解释
 *  4. \`text/plain\`解释

# 1. 用途 #

HTML表单可以通过enctype属性设定表单内容提交给服务器时，发送的数据的编码方式，具体有三个值：

*  `application/x-www-form-urlencoded`，默认的编码方式，传输普通的表单内容(不能传输文件)
 *  `multipart/form-data`，可用于将文件上传到服务器的编码方式
 *  `text/plain`，目前使用较少的编码方式，也不推荐使用

# 2. `application/x-www-form-urlencoded` 解释 #

当表单代码如下：

<form>
    	<input name="username"/>
    	<input name="password"/>
    	<button type="submit">submit</button>
    </form>

由于没有设置enctype属性，所以采取默认值`application/x-www-form-urlencoded`，这种方式下当我们输入  
username值tom，password值123时，编码后的表单提交内容为：

username=tom&password=123

这种形式通过&分割数据项。

# 3. `multipart/form-data` 解释 #

`multipart/form-data`编码比较复杂，此处不再给出示例。该编码即可传输普通表单，也可以传输文件，所以编码会比上面的复杂。

所以普通情况下，直接采用默认的编码，当传输文件时，再采取`multipart/form-data`即可。

# 4. `text/plain`解释 #

`text/plain`编码方式不同浏览器有不同的实现，也没有一个特别明确的规范，所以建议就是别用。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926

发表评论取消回复

表情：

评论列表（有 0 条评论，130人围观）

还没有评论，来说两句吧...

相关阅读

相关 form表单中的enctype=“multipart/form-data“什么意思?

enctype就是encodetype就是编码类型的意思。 multipart/form-data是指表单数据有多部分构成，既有文本数据，又有文件等二进制数据的意思。需要

比眉伴天荒/ 2023年10月10日 12:01/ 0 赞/ 16 阅读

相关 ⑧HTML+CSS 表格和表单的基本设置

表格和表单表格 table、tr、th、td标签 caption、thead、tbody、tfoot标签 ※ 合并单元格 ※ 表格的样式

亦凉/ 2023年07月21日 05:40/ 0 赞/ 16 阅读

相关 HTML设置表单的enctype编码方式

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 用途 2. \`application/x-www-form-urlenc

淩亂°似流年/ 2022年10月29日 07:39/ 0 赞/ 131 阅读

相关 html表单的总结,HTML的表单的总结

1、常用额类的表单表单的输入控件定义多行的行文的本框。定义一个下拉表简单的格式各种表单空控件 2、action的表单的作用主要就是将信息传递给服务器，

一时失言乱红尘/ 2022年10月12日 00:44/ 0 赞/ 57 阅读

相关 html表单的几种提交方式总结

最普通最常用最一般的方法就是用submit type，另外，还有一种常用的方法是使用图片，接下来为大家详细介绍下其他的方式，感兴趣的你可以参考下足以轻松应付表单提交最普通

悠悠/ 2022年07月03日 12:20/ 0 赞/ 315 阅读

相关 form表单标签的enctype属性的作用

Enctype是指定将数据回发到服务器时浏览器使用的编码类型，其编码类型有以下三种 -------------------- 一、 application/x-www-fo

川长思鸟来/ 2022年05月23日 02:11/ 0 赞/ 191 阅读

相关 html表单

表单标签 form表单:所有希望提交给服务器的数据都必须放在form表单里面表单提交: 1.可以通过按钮提交 2.通过js提交 3.通过图片提交 a

朱雀/ 2021年11月17日 03:32/ 0 赞/ 460 阅读

相关 html设置编码格式

html设置编码格式中文乱码问题， html需要设置编码格式 <head> <meta http-equiv="Content-Type" conten

╰+哭是因爲堅強的太久メ/ 2021年09月26日 12:22/ 0 赞/ 482 阅读

相关 enctype="multipart/form-data"表单传值问题

问题: form表单的enctype设置为multipart/form-data后，表单中除了文件后台能拿到，其他值后台都拿不到。知识点: 一、application/

蔚落/ 2021年06月24日 15:58/ 0 赞/ 438 阅读

相关 html中from表单enctype值

要修改enctype属性该属性规定在发送到服务器之前应该如何对表单数据进行编码。值

╰半夏微凉°/ 2021年06月24日 14:34/ 0 赞/ 370 阅读