HTML button标签的 formenctype 属性

返回到:HTML button标签

本节课,我们学习HTML button标签的 formenctype 属性。

定义和用法

formenctype 属性覆盖 form 元素的 enctype 属性。

该属性与 type=”submit” 配合使用。

HTML 4.01 与 HTML 5 之间的差异

formenctype 属性是 HTML 5 中的新属性。

语法

<button type="submit" formenctype="value">

属性值

描述
application/x-www-form-urlencoded在发送前对所有字符进行编码(默认)。
multipart/form-data不对字符编码。当使用有文件上传控件的表单时,该值是必需的。
text/plain将空格转换为 “+” 符号,但不编码特殊字符。

浏览器支持

Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formenctype属性。

注意: Internet Explorer 9 及更早IE版本不支持 formenctype属性。

实例

带有两个提交按钮的表单(带有不同的编码方式),第一个提交按钮使用默认字符编码提交表单数据,第二个提交按钮不使用字符编码提交表单数据:

<form action="demo_post_enctype.asp" method="post">
Name: <input type="text" name="fname" value="Ståle Refsnes"><br>
<button type="submit" >使用编码提交</button>
<button type="submit" formenctype="text/plain">不使用编码提交</button>
</form> 

返回到:HTML button标签

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago