HTML | DOM 输入提交类型属性

输入提交类型属性是HTML中的一种属性，用于指定表单提交方式。根据不同的需求，可以选择合适的输入提交类型属性来实现表单提交，可用的值有以下几种：

• submit：提交按钮，用于提交表单；
• reset：重置按钮，重新设置表单；
• image：图像按钮，用于提交表单，可以设置图像；
• button：普通按钮，可以通过JavaScript实现不同的行为。

基本语法

输入提交类型属性是通过在HTML标签中添加type属性来实现的，例如：

<input type="submit">

submit

submit属性用于创建一个提交按钮，当用户点击该按钮时，表单数据将被发送到服务器。

<form action="/example" method="POST">
  <!-- 其他表单元素 -->
  <input type="submit" value="提交">
</form>

reset

reset属性创建一个重置按钮，当用户点击该按钮时，表单数据将被重置为初始状态。注意，所有表单元素的值都将被清空，除非设置了默认值。

<form action="/example" method="POST">
  <!-- 其他表单元素 -->
  <input type="reset" value="重置">
</form>

image

image属性用于创建一个图像提交按钮，可以设置一个图像。与submit类型相似，当用户点击该按钮时，表单数据将被发送到服务器。

<form action="/example" method="POST">
  <!-- 其他表单元素 -->
  <input type="image" src="submit.png" alt="提交">
</form>

button

button属性用于创建一个普通按钮，可以通过JavaScript实现不同的行为。这种类型的按钮要求使用JavaScript来定义提交行为和表单自身的验证。

<form action="/example" method="POST">
  <!-- 其他表单元素 -->
  <button type="button" onclick="myFunction()">点击我</button>
</form>

以上是输入提交类型属性的介绍。在使用表单时，应根据实际需求选择合适的提交类型来实现相应的功能。