HTML `<button>` 标签

说明

<button> 标签在 HTML 表单中创建一个可点击的按钮。

使用 <button> 元素创建的按钮功能类似于使用 input 元素创建的按钮，但它们提供了更丰富的呈现可能性；因为您可以在按钮元素中放置内容，例如文本或图像。例如，包含图像的 button 元素的功能类似于并且可能类似于类型设置为 image 的 <input> 元素。

下表总结了此标签的使用上下文和版本历史。

Placement:	Inline
Content:	任何块、内联和文本
开始/结束标签：	开始标签： required, 结束标签：required
版本：	HTML 4, 4.01, 5

语法

<button> 标签的基本语法如下：

HTML / XHTML: <button type="button|reset|submit"> ... </button>

下面的示例显示了 <button> 标签的作用。

示例

Try this code »

<form action="action.asp" method="post">
    <p>
        First name:<input type="text" name="firstname">
        <button type="submit" value="Submit">Submit</button>
        <button type="reset" value="Reset">Reset</button>
    </p>
</form>

标签特定属性

下表显示了特定于 <button> 标签的属性。

属性	值	说明
`autofocus`	`autofocus`	此布尔属性指定按钮应在加载文档时自动获得焦点。
`disabled`	`disabled`	此布尔属性禁用用户交互按钮。
`form`	form-id	指定与按钮元素关联的 `<form>` 元素（其表单所有者）。
`formaction`	URL	指定处理按钮提交的信息的程序的 URL（仅适用于 `type="submit"`）。
`formenctype`	`application/x-www-form-urlencoded multipart/form-data text/plain`	指定将表单数据提交到服务器时应如何编码表单数据（仅适用于 `method="post"`）
`formmethod`	`get post`	指定浏览器将用于提交表单的 HTTP 方法（仅适用于 `type="submit"`）。
`formnovalidate`	`formnovalidate`	此布尔属性指定表单数据在提交时不应被验证（仅适用于 `type="submit"`）。
`formtarget`	`_blank _self _parent _top` framename	指定一个目标以显示提交表单后收到的响应。
`name`	unique-name	表示按钮的名称。
`type`	`button submit reset`	指定按钮的类型。
`value`	text	指定按钮的初始值。

全局属性

与所有其他 HTML 标签一样， <button> 标签支持 HTML5 中的全局属性。

事件属性

<button> 标签还支持 HTML5 中的事件属性。

浏览器兼容性

所有主要的现代浏览器都支持 <button> 标签。

基本支持—

Firefox 1+
Google Chrome 1+
Internet Explorer 4+
Apple Safari 1+
Opera 5+

进一步阅读

请参阅以下教程： HTML 表单.

HTML <button> 标签

说明

语法

示例