HTML | DOM Input Reset value Property

Last Updated : 02 Sep, 2022

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.

HTML

<!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 return the  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.

HTML

<!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 set the e Input reset value Property -->
    <script> 
        function myGeeks() { 
            var x = document.getElementById("GeekReset").value 
                    = "Reset Button"; 
                     
            document.getElementById("Geek_p").innerHTML = x; 
        } 
    </script> 
</body> 
</html>