Form reset() 方法

Form 对象参考手册 Form 对象

定义和用法

reset() 方法可以重置表单所有元素的值 (与点击 Reset 按钮效果一致）。

语法

formObject.reset()

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 reset() 方法

实例

创建表单的重置按钮：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function formReset() {
      document.getElementById("frm1").reset();
    }
  </script>
</head>
<body>

  <p>在下面的输入框中输入一些文本,然后按下“重置表单”按钮重置表单。</p>
  <form id="frm1">
    第一个名称: <input type="text" name="fname"><br> 最后一个名称: <input type="text" name="lname"><br><br>
    <input type="button" onclick="formReset()" value="重置表单">
  </form>

</body>
</html>

尝试一下 »

Form 对象参考手册 Form 对象