本篇文章给大家带来《button的属性都有哪些》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

HTML中的<button> 标签定义了一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。该元素创建的按钮与使用 input 元素创建的按钮外观和行为类似。然而，您可以使用 button 元素可包含其他 HTML 元素的优势，比如在按钮中放置图像和文本。当你需要在按钮中添加图片或者一些复杂的样式时，就需要用到button标签了。

Button 元素拥有的属性与 Input 元素相同。Button 元素包含了标准的全局属性。<button> 标签的属性很多，石家庄人才网小编整理了一下，主要可以分为以下几类：

1、基础属性：像disabled、name、value这类，所有表单元素共有的属性。这些属性的作用和在input type="button"中是一致的。全局属性和事件属性这里就不再赘述了。

2、专用属性：

①autofocus：布尔值，页面加载时是否自动获取焦点。

②form：规定按钮所属的表

单的id。如果省略该属性，则按钮属于最近的父表单元素。

③formaction：覆盖<form>元素的action属性。它规定当提交表单时，向何处发送表单数据。该属性用于type属性值为submit和image的<button>元素。

④formenctype：覆盖<form>元素的enctype属性。它规定在发送到服务器之前应该如何对表单数据进行编码。该属性用于type属性值为submit和image

的<button>元素。可能的值：application/x-www-form-urlencoded：默认值。 multipart/form-data：用于上传文件的表单。 text/plain：空格转换为“+”号，并且所有特殊字符都进行编码。

⑤formmethod：覆盖<form>元素的method属性。它规定用于发送form-data的HTTP方法。该属性用于type属性值为submit和image的<button>元素。可能的值：post：以POST方式发送表单数据到服务器。数据在URL中不可见。 get：以GET方式发送表单数据到服务器。数据在URL中可见。

⑥formnovalidate：覆盖<form>元素的novalidate属性。布尔值，规定在提交表单时是否应该跳过对表单元素的值进行验证。该属性用于type属性值为submit和image的<button>元素。

⑦formtarget：覆盖<form>元素的target属性。它规定在何处打开action URL。该属性用于type属性值为submit和image的<button>元素。可能的值：_blank：在新窗口中打开。 _self：默认。在相同的框架中打开。 _parent：在父框架集中打开。 _top：在整个窗口中打开。 framename：在指定的框架中打开。

⑧type：规定按钮的类型。可能的值：button：定义可点击的按钮（多数情况下，用于通过 JavaScript 启动脚本）。 reset：重置按钮，重置表单中的所有输入元素到初始值。 submit：提交按钮，将表单数据发送到服务器。如果未指定属性值，则按钮的类型为submit。石家庄人才网小编提示您：使用button时，一定要声明type，否则默认会提交表单。

有关《button的属性都有哪些》的内容介绍到这里，想要了解更多相关内容记得收藏关注本站。