Skip to content
Related Articles

Related Articles

HTML | DOM Input Reset value Property
  • Difficulty Level : Basic
  • Last Updated : 11 Mar, 2019
GeeksforGeeks - Summer Carnival Banner

The Input Reset value Property in HTML DOM is used to set or return the value of the value attribute of a Input reset Field. The value attribute specifies the text displayed in the reset Field.

Syntax:

  • It returns the Input Reset value Property.
    resetObject.value
  • It is used to set the Input Reset value Property.
    resetObject.value = text

      Property Value: It contains single value text which defines the text displayed in the reset button.

      Return Value: It returns the string value which represent the text displayed in the reset button.

      Example 1: This example illustrates how to return the Input reset value property.






      <!DOCTYPE html> 
      <html
        
      <head
          <title
              HTML DOM Input reset value property 
          </title
      </head
        
      <body style="text-align:center;"
        
          <h1 style="color:green;"
              GeeksForGeeks 
          </h1
        
          <h2>DOM Input reset value Property</h2
            
          <input type="reset" id="GeekReset" value="Reset form"
        
          <p>
              Click on below button to return the Property
          </p>     
        
          <button onclick="myGeeks()"
              Click Here 
          </button
            
          <p id="Geek_p" style="font-size:30px; color:green;"></p
            
          <!-- Script to use Input reset value Property -->
          <script
              function myGeeks() { 
                  var x = document.getElementById("GeekReset").value; 
                  document.getElementById("Geek_p").innerHTML = x; 
              
          </script
      </body
        
      </html>                    

      Output:
      Before Clicking the Button:

      After Clicking the Button:

      Example 2: This example illustrates how to set the Input Reset value Property.




      <!DOCTYPE html> 
      <html
        
      <head
          <title
              HTML DOM Input reset value property 
          </title
      </head
        
      <body style="text-align:center;"
        
          <h1 style="color:green;"
              GeeksForGeeks 
          </h1
        
          <h2>DOM Input reset value Property</h2
            
          <input type="reset" id="GeekReset" value="Reset form"
            
          <p>
              Click on below button to set the Property
          </p>     
        
          <button onclick="myGeeks()"
              Click Here 
          </button
            
          <p id="Geek_p" style="font-size:30px; color:green;"></p
            
          <!-- Script to use Input reset value Property -->
          <script
              function myGeeks() { 
                  var x = document.getElementById("GeekReset").value
                          = "Reset Button"; 
                            
                  document.getElementById("Geek_p").innerHTML = x; 
              
          </script
      </body
        
      </html>                    

      Output:
      Before Clicking the Button:

      After Clicking the Button:

      Supported Browsers: The browser supported by DOM Input Reset value property are listed below:

      • Google Chrome
      • Internet Explorer
      • Firefox
      • Opera
      • Safari

      full-stack-img

      My Personal Notes arrow_drop_up
Recommended Articles
Page :