reset()方法
reset() 方法详解:
reset() 方法是在表单中使用的一个重置按钮,当用户点击该按钮时,表单中所有的输入框、下拉框、单选框等都将被重置为它们的默认值。
reset() 方法使用非常简单,只需要在 HTML 中添加一个 type 属性为 "reset" 的 button 标签即可。例如:
```html
<form>
  <input type="text" name="username" value="John">
  <input type="password" name="password">
  <input type="checkbox" name="remember" value="1"> Remember me<br>
  <input type="reset" value="Reset">
  <input type="submit" value="Submit">
</form>
```
上面的代码中,我们创建了一个表单,并添加了三个输入框和一个重置按钮。当用户点击重置按钮时,所有输入框都会被清空,复选框也会变成未选中状态。
需要注意的是,reset() 方法只会重置表单元素的值,并不会清除表单中已经填写的数据。如果要清除已填写数据,可以使用 JavaScript 来实现。例如:
```html
<form id="myForm">
  <input type="text" name="username" value="">
  <input type="password" name="password" value="">
  <input type="checkbox" name="remember"> Remember me<br>
  <button onclick="clearForm()">Clear form</button>
html input type属性</form>
<script>
function clearForm() {
  ElementById("myForm").reset();
  ElementsByName("remember")[0].checked = false;
}
</script>
```
上面的代码中,我们给按钮添加了一个 onclick 事件,当用户点击该按钮时,会执行 clearForm() 方法。该方法首先调用 reset() 方法清空表单元素的值,然后再将 remember 复选框的选中状态设为未选中。
总之,reset() 方法是一个非常实用的表单重置工具,在开发 Web 应用时经常会用到。