html里button属性大全 HTML button formenctype 属性

html里button属性大全

HTML中的button元素是一个可以被用户点击的按钮，它可以用来提交表单，或者执行一些JavaScript代码。它有很多属性，可以帮助开发者更好地控制它的行为。

1. autofocus: 表示当页面加载时，该按钮会自动获得焦点。
2. disabled: 表示该按钮不可用，不能被点击。
3. form: 表示该按钮属于哪个表单。
4. formaction: 表示当该按钮被点击时，会将表单数据发送到哪里。
5. formenctype: 表示当该按钮被点击时，会将表单数据以何种方式进行编码发送到服务器端。
6. formmethod: 表示当该按钮被点击时，会使用何种HTTP方法将表单数据发送到服务器端。
7. formnovalidate: 表明当该按钮被点击时，不对表单进行校验。 
8. formtarget: 表明当该按钮被点击时（如submit一个form）, 会在何处打开服务器端返回的内容。 
9. name: 此属性由开发者来定义此button的名字, 在form中, 此name/value对会作为一个字段一同发送到服务器端去 。 
10. type: 此type属性决定了此button是submit还是reset, 默认情况下type="submit" 。 
11. value: 此value属性决定了此button上显示的文字, 默认情况下value="Submit" 。

HTML button formenctype 属性

HTML button 标签参考手册 HTML <button> 标签

如果您在使用<button>标签时使用了 formenctype 属性，那么它的值将覆盖 <form> 标签的 enctype 属性值：

实例

带有两个提交按钮的表单（带有不同的编码方式），第一个提交按钮使用默认字符编码提交表单数据，第二个提交按钮不使用字符编码提交表单数据：

<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>

浏览器支持

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

注意： Internet Explorer 9 及更早IE版本不支持 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	将空格转换为 "+" 符号，但不编码特殊字符。