HTML | DOM 输入重置对象

HTML | DOM 输入重置对象是一种输入属性，它允许您为表单元素指定默认值。当重置按钮被点击时，所有带有输入重置对象属性的表单元素都将被重置为其指定的默认值。

语法

<input type="text" value="default value" name="input" onreset="myFunction()">

属性

• type: 指定输入元素的类型，默认为"reset"
• value: 指定输入元素的默认值
• name: 指定输入元素的名称
• onreset: 当重置按钮被点击时，调用的 JavaScript 函数

例子

<form>
  <label>First name:</label>
  <input type="text" value="John" name="fname" onreset="resetForm()"><br>
  
  <label>Last name:</label>
  <input type="text" value="Doe" name="lname" onreset="resetForm()"><br>
  
  <input type="reset" value="Reset form">
</form>

<script>
function resetForm() {
  alert("Form reset!");
}
</script>

此代码片段创建了一个表单，其中包含两个文本输入框和一个重置按钮。每个文本输入框都有一个输入重置对象属性，指定了它的默认值和重置时要调用的函数。当重置按钮被点击时，所有表单元素都将被重置为它们的默认值，并调用 resetForm() 函数。

注意： 输入重置对象属性只适用于以下表单元素：text, search, url, telephone, email, password, date pickers, range 和 color pickers。对于单选按钮、复选框和下拉菜单，应使用默认值属性来指定默认选项。