JavaScript重置

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

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

句法

formElement.reset()

例

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

在fun()函数，我们首先引用重设所需的形式，然后在其上应用reset()方法。现在，让我们看一下相同的代码。

 

 




  
     Example of the reset() method 
  
 
    

    

    
 First Name: 
    
 Last Name: 
    
 E-mail Id:   
    
 Age:         
    
    
    
    

输出量

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

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

最后，单击“重置数据”按钮，将恢复值-