HTML | DOM 按钮表单属性

在HTML中，按钮是表单控件之一，用于触发与表单相关的操作，例如提交表单或重置表单。HTML中的按钮元素有许多属性，因此在本文中将介绍按钮表单属性。

disabled

disabled属性用于禁用按钮，该按钮将无法被点击或者激活。这个属性通常用于当按钮处于无效状态时。

<button disabled>按钮</button>

form

form属性用于规定当前按钮所属的表单，如果属性值为空，则默认属于最近的父<form>元素。

<form id="我的表单">
  <button form="我的表单">提交表单</button>
</form>

formaction

formaction属性用于指定表单提交到的URL。如果该属性值存在，则提交表单将会向该URL发送HttpPost请求，而不是表单的action属性值。

<form action="/defaultaction">
  <button formaction="/specialaction">特殊提交</button>
</form>

name

name属性用于提交表单中所选择的按钮的名称。它不会显示在页面上，但被用于提交表单时，该属性名会和按钮值一起发送至服务器。

<form action="/actionpage">
  <button name="btn" value="submit">提交</button>
</form>

type

type属性用于定义按钮的类型，它可以产生许多不同类型的按钮，例如普通按钮（默认类型）、提交按钮、重置按钮、图像按钮等。

<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="image" src="img/button.png">图像按钮</button>

value

value属性用于定义按钮的值，在提交表单时将与name属性值一起发送。

<button name="btn" value="submit">提交</button>

autofocus

autofocus属性用于自动聚焦到按钮，一旦加载到页面就会聚焦到该按钮。

<button autofocus>聚焦到我！</button>

以上就是HTML | DOM 按钮表单属性的介绍，这些属性可通过JavaScript来修改。