HTML <button>标签

示例

在HTML中,我们按如下方式来定义一个按钮:

<button type="button">请点击这里!</button>

试一个 »

定义及用法

<button>标签用于定义一个按钮。

<button>和<input>均可用来创建按钮,它们的不同之处在于,你可以在<button>元素里放入内容,比如文本或图像。

应始终为按钮指定type属性值,因为在不同浏览器中,type属性的默认值会有所不同。在Internet Explorer中,默认值为“button”;而其它浏览器则遵循W3C标准,将默认值定为“submit”。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<button>标签。

要点:如果你在HTML表单中使用<button>元素,不同浏览器将提交不同的值。Internet Explorer将把介于<button>和</button>之间的文本提交出去,而其它浏览器将提交<button>的value属性值。请在HTML表单中用<input>元素来创建按钮。


HTML和XHTML之间的差异


可选属性

DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。

属性 描述 DTD
disabled disabled 指明按钮为禁用 STF
name 名称 定义按钮的名称 STF
type button
reset
submit 
指定按钮的类型 STF
value 文本 指定按钮的初始值 STF


核心属性

<button>标签支持以下核心属性:

属性 描述 DTD
accesskey 字符 设置访问元素的键盘快捷键 STF
class 类名 指明元素的类名 STF
dir rtl
ltr
指定元素里内容的文本方向 STF
id id 指明元素的唯一id STF
lang 语言代码 指定元素内容的语言代码 STF
style 样式定义 指定元素的内嵌样式 STF
tabindex 数字 指定元素的Tab键顺序 STF
title 文本 指定元素的提示文本 STF
xml:lang 语言代码 在XHTML文档中指定元素内容的语言代码 STF

更多关于核心属性的信息。


事件属性

<button>标签支持以下事件属性:

属性 描述 DTD
onblur 脚本 当元素失去焦点时执行脚本 STF
onclick 脚本 在元素区域内单击鼠标(不区分左右键)时执行脚本 STF
ondblclick 脚本 在元素区域内双击鼠标(不区分左右键)时执行脚本 STF
onfocus 脚本 当元素取得焦点时执行脚本 STF
onmousedown 脚本 在元素区域内按下鼠标键(不区分左右键)时执行脚本 STF
onmousemove 脚本 当鼠标指针在元素区域内移动时执行脚本 STF
onmouseout 脚本 当鼠标指针移出元素区域时执行脚本 STF
onmouseover 脚本 当鼠标指针移入元素区域时执行脚本 STF
onmouseup 脚本 在元素区域内松开鼠标键(不区分左右键)时执行脚本 STF
onkeydown 脚本 按下一个键时执行脚本 STF
onkeypress 脚本 按下并松开一个键时执行脚本 STF
onkeyup 脚本 松开一个键时执行脚本 STF

更多关于事件属性的信息。

粤ICP备11097351号-1