JavaScript reset

在 HTML 中，我们可以使用 reset 按钮来重置表单。在本文中，我们将讨论如何使用 JavaScript 来重置表单。

在 JavaScript 中，reset() 方法的作用与 HTML 的 reset 按钮相同。它用于清除表单元素的所有值。它可以用于将值恢复到默认状态。它不需要任何参数，也不会返回任何值。

语法

示例

为了说明 reset() 方法在 JavaScript 中的用法，我们创建一个简单的 HTML 文档，其中我们创建了一个 id = "myForm" 的表单。在此表单中，有四个文本字段：“名字”、“姓氏”、“年龄”和“电子邮件 ID”。有两个按钮：“提交”和“重置数据”。当我们点击 重置数据 按钮时，它会调用 fun() 函数，我们在其中定义了 JavaScript 的 reset() 方法。

在 fun() 函数中，我们首先获取需要重置的表单的引用，然后在其上应用 reset() 方法。现在，让我们看看相应的代码。

输出

执行上述代码后，输出将是 -

现在，让我们填写文本字段的值 -

最后，点击 重置数据 按钮后，值将恢复 -