Open In App

HTML | DOM Input Password value Property

Improve
Improve
Like Article
Like
Save
Share
Report

The DOM Input Password value Property is used to set or return the value of the value attribute of a Password Field. The Value attribute specifies the initial value of the input Password Field. The value may be a single address or a list of address. 

Syntax: 

  • It is used to return the value property.
passwordObject.value
  • It is used to set the value property.
passwordObject.value = text

Property Values: 

  • text: It specifies the value of a password field.

Return Value: It returns a string value which represents the password of a password field. 

Example-1:This example illustrates how to return the property. 

HTML




<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Password value Property</h2> Password:
    <input type="password"
        id="myPsw"
        value="geeks12">
    <br><br>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo" style="color:green;font-size:25px;"></p>
    <script>
        function myFunction() {
            var x = document.getElementById("myPsw").value;
             
            document.getElementById("demo").innerHTML = x;
        }
    </script>
</body>
</html>


Output: 

Before Clicking On Button:

  

After Clicking on Button:

  

Example-2:This example illustrates how to set the property. 

HTML




<!DOCTYPE html>
<html>
<body style="text-align:center;">
    <h1 style="color:green;">
        GeeksForGeeks
    </h1>
    <h2>DOM Input Password value Property</h2> Password:
    <input type="password"
        id="myPsw"
        value="geeks12">
    <br><br>
    <button onclick="myFunction()">
        Click Here!
    </button>
    <p id="demo" style="color:green;font-size:22px;"></p>
    <script>
        function myFunction() {
            var x = document.getElementById("myPsw").value ="geeks786"
             
            document.getElementById("demo").innerHTML =
            "The value of the value attribute was changed to :" + x;
        }
    </script>
</body>
</html>


Output: 

Before clicking on the button:

  

After clicking on the button:

  

 

Supported Browsers: The browser supported by DOM input Password value Property are listed below:

  • Google Chrome 1+
  • Edge 12+
  • Firefox 1+
  • Opera 2+
  • Safari 1+


Last Updated : 25 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads