最新的Web开发教程
 

HTML <button> Tag


一个可点击的按钮被标记如下:

<button type="button">Click Me!</button>
试一试»

定义和用法

<button>标签定义一个可点击的按钮。

里面<button>元素,你可以把内容,如文字或图像。 这是这个元素,并与创建的按钮之间的区别<input>元素。

提示:一定要指定type的属性<button>元素。不同的浏览器使用不同的默认类型为<button>元素。


浏览器支持

元件
<button>

提示和注意

注:如果您使用<button>在HTML表单元素,不同的浏览器可以提交不同的值。使用<input>在HTML表单中创建按钮。

提示:请访问我们的CSS教程按钮来了解如何样式按钮用CSS。


HTML 4.01和HTML5之间的差异

HTML5具有以下新特性: autofocus, form, formaction, formenctype, formmethod, formnovalidateformtarget


属性

=新的HTML5。

属性 描述
autofocus autofocus 指定一个按钮,将自动获得焦点的页面加载时
disabled disabled 指定一个按钮应被禁用
form form_id 指定按钮所属的一个或多个表单
formaction URL 指定当提交表单向何处发送表单数据。 仅用于type="submit"
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
指定如何表单数据应该发送到服务器之前进行编码。 仅用于type="submit"
formmethod get
post
指定如何发送表单数据(使用的HTTP方法)。 仅用于type="submit"
formnovalidate formnovalidate 指定表单数据不应该在提交验证。 仅用于type="submit"
formtarget _blank
_self
_parent
_top
framename
指定在哪里显示递交表格后的反应。 仅用于type="submit"
name name 指定名称为按钮
type button
reset
submit
指定按钮的类型
value text 指定为按钮的初始值

全局属性

<button>标签支持全局的HTML属性


事件属性

<button>标签支持的HTML事件属性


相关页面

HTML DOM参考: 按钮对象

CSS教程: 样式按钮


默认设置CSS

没有。