Skip to content
Related Articles

Related Articles

HTML | DOM Input Password value Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 25 Aug, 2022
View Discussion
Improve Article
Save Article

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+

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!