📜  HTML button标签

📅  最后修改于: 2020-11-04 00:51:08             🧑  作者: Mango

HTML按钮标记

标记

您应该始终为

HTML Button标记可以在表单的内部和外部使用。

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

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

HTML按钮标记示例

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


输出:

HTML按钮示例:调用JavaScript函数

让我们看一下单击按钮时调用JavaScript函数的代码。



输出:

HTML按钮示例:提交表单

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

Enter Name:

输出:

HTML按钮示例:重置表单

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

Enter Name:

输出:

HTML按钮标记的属性

给出了HTML按钮标记属性的列表。

Attribute Description
autofocus It specifies that a button should automatically get focus while the loading of the page.
disabled It specifies that a button shuld be disabled.
form It specifies one or more forms that the button belongs to.
formaction It is used for submit type. It specifies where to send the form data when form is submitted.
formmethod It specifies how to send form-data.
formenctype It specifies how form-data should be encoded before sending it to server.
formnovalidate It specifies that the form data should not be validated on submission.
formtarget It specifies that where to display the response after submitting the form.
name It specifies the name of the button.
type It specifies the type of the button.
value It specifies the value of the button.

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
Yes Yes Yes Yes Yes

HTML按钮标记还支持HTML中的global和event属性。