HTML 按钮标签

2025 年 3 月 25 日 | 阅读 2 分钟

<button> 标签用于在您的网页上创建 HTML 表单内的可点击按钮。您可以在 <button>........</button> 标签内放置文本或图像等内容。

您应该始终为 <button> 标签指定 type 属性。不同的浏览器对按钮元素使用不同的默认类型。

HTML 按钮标签可以在表单内部和外部使用。

如果您在表单内部使用它,它将作为提交按钮。您也可以将其用作重置按钮。

如果您在表单外部使用它,您可以在其上调用 JavaScript 函数。


HTML 按钮标签示例

让我们看看显示按钮的代码。

输出


HTML 按钮示例:调用 JavaScript 函数

让我们看看在按钮点击时调用 JavaScript 函数的代码。

输出


HTML 按钮示例:提交表单

让我们看看在按钮点击时提交表单的代码。

输出

输入姓名

HTML 按钮示例:重置表单

让我们看看在按钮点击时提交表单的代码。

输出

输入姓名

HTML 按钮标签的属性

<button> 标签支持所有全局属性和一些特定的附加属性。

下面列出了 HTML 按钮标签的属性。

属性描述
autofocus它指定按钮在页面加载时应自动获取焦点。
disabled它指定按钮应被禁用。
form它指定按钮所属的一个或多个表单。
formaction它用于提交类型。它指定在提交表单时将表单数据发送到何处。
formmethod它指定如何发送表单数据。
formenctype它指定在将表单数据发送到服务器之前应如何编码。
formnovalidate它指定在提交时不应验证表单数据。
formtarget它指定在提交表单后在何处显示响应。
name它指定按钮的名称。
type它指定按钮的类型。
它指定按钮的值。

支持的浏览器

元素chrome browser Chromeie browser IEfirefox browser Firefoxopera browser Operasafari browser Safari
<button>是的是的是的是的是的

HTML 按钮标签还支持 HTML 中的全局和事件属性。


下一主题HTML canvas 标签