HTML DOM Input - Reset 对象

<input> 元素用于创建各种输入字段，包括文本框、密码框、复选框等。其中，type="reset" 属性用于创建一个重置按钮，当用户点击该按钮时，所有表单字段的值将被重置为初始值。

属性

• name: 指定 <input> 元素的名称
• value: 指定重置按钮的显示文本
• disabled: 禁用重置按钮

示例代码

// www.javascriptcn.com code example
<form id="myForm">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username">
  <br>
  <label for="password">密码:</label>
  <input type="password" id="password" name="password">
  <br>
  <input type="reset" value="重置">
</form>

在上面的示例中，我们创建了一个包含用户名和密码输入字段以及一个重置按钮的表单。当用户点击重置按钮时，用户名和密码字段的值将被重置为初始值。

JavaScript 操作

document.getElementById('myForm').reset();

上面的 JavaScript 代码可以通过表单的 reset() 方法来重置表单字段的值。当调用该方法时，表单中所有字段的值将被重置为初始值。

这就是 <input> 元素中重置按钮的用法和操作方法。希望这部分内容对你有所帮助！