Javascript的Reset()方法

在Javascript中，Reset()是用于重置表单元素的方法。它是一个基于DOM的方法，在HTML中定义表单元素时可以通过action属性和method属性将表单元素与后台服务器连接起来。当用户输入信息并点击了'提交'按钮时，Reset()方法将重置所有输入框、下拉框、单选框和复选框等表单元素到它们的默认值。

语法

Reset()方法没有任何参数，语法如下：

document.formname.reset();

其中'formname'是表单的name属性。

示例

假设我们的HTML页面中有一个包含以下代码的表单：

<form name="myform">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="age">年龄：</label>
  <input type="text" id="age" name="age"><br><br>
  <label for="gender">性别：</label>
  <input type="radio" id="gender" name="gender" value="male">男性
  <input type="radio" id="gender" name="gender" value="female">女性<br><br>
  <input type="button" value="提交" onclick="submitForm()">
  <input type="button" value="重置" onclick="resetForm()">
</form>

我们在HTML代码中使用了submitForm()和resetForm()两个方法。其中submitForm()方法是当用户点击提交按钮时将表单数据发送到后台服务器。resetForm()方法是当用户点击重置按钮时重置表单，并将所有表单元素的值重置为默认值。

下面是Javascript代码：

function submitForm(){
    // 定义提交表单数据到后台服务器的逻辑
}

function resetForm(){
    document.myform.reset();
}

因此，当用户点击重置按钮时，Javascript会调用Reset()方法并将所有表单元素的值重置为默认值。

总结

Reset()方法是一个方便的DOM方法，可以用于重置表单元素，即所有表单元素的值将返回到默认值。它可以用于验证表单信息、重置表单等场合。如果您正在编写使用表单的基于Web的应用程序，则Reset()方法是必不可少的。