HTML教程-HTML<button>标签

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

对于 <button> 标签，应始终指定 type 属性。不同的浏览器对按钮元素有不同的默认类型。

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

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

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

HTML Button 标签示例

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

<button name="button" type="button">Click Here</button>

输出

HTML Button 示例：调用 JavaScript 函数

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

<button name="button" value="OK" type="button" onclick="hello()">Click Here</button>
<script>
function hello(){
  alert("hello javatpoint user");
}
</script>

输出：

HTML Button 示例：提交表单

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

<form>
  Enter Name: <input type="text" name="name"><br>
  <button>Submit</button>
</form>

输出

HTML Button 示例：重置表单

让我们看一下在按钮点击时重置表单的代码。

<form>
  Enter Name: <input type="text" name="name"><br>
  <button type="reset">Reset</button>
</form>

输出

HTML Button 标签的属性

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

下面是 HTML button 标签的属性列表。

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

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<button>	是	是	是	是	是

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