HTML DOM Form reset()用法及代碼示例

HTML DOM中的Form reset()方法用於重置表單元素的所有值並使用默認值。此方法用作重置按鈕。它不包含任何參數。

用法:

formObject.reset()

例：

<!DOCTYPE html>  
<html>  
  
<head> 
    <title> 
        HTML DOM Form reset() Method 
    </title> 
</head> 
  
<body>  
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
      
    <h2>DOM Form reset() Method</h2> 
      
    <!-- HTML code to create form -->
    <form action="#" method="post" id="users">  
      
        <label for="username">Username:</label>  
        <input type="text" name="username" id="Username"> 
          
        <br> 
          
        <label for="password">Password:</label> 
        <input type="password" name="password" id ="password"> 
          
        <br> 
          
        <input type="reset" id="GFG" value="Reset">  
    </form>  
      
    <!-- script to use reset() method -->
    <script> 
        document.getElementById("GFG").reset(); 
    </script> 
</body>  
  
</html>

輸出：
在單擊按鈕之前：

單擊按鈕後：

支持的瀏覽器：下麵列出了DOM Form reset()方法支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
火狐瀏覽器
Opera
蘋果瀏覽器

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Form reset() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。