Skip to content

HTML | DOM Input Number placeholder Property

HTML | DOM Input Password placeholder Property

Last Updated : 25 Aug, 2022

The DOM Input Password Placeholder Property is used to set or return the value of the Placeholder attribute of a Password Field. The placeholder attribute specifies a short hint that describes the expected value of an input field . The short hint is displayed in the field before the user enters a value.

Syntax:

It is used to return the placeholder property.

passwordObject.placeholder

It is used to set the placeholder property.

passwordObject.placeholder = text

Property Value:

text: It defines a short hint that describe a expected value of the Password Field.

Return Value: It returns a String value which represented a short hint that describes the expected value of the 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 placeholder Property</h2> 
    <form id="myGeeks">
        Password: <input type="password"
            id="myPsw"
            name="Geeks"
            placeholder="password">
    </form>
    <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").placeholder;
             
            document.getElementById( 
            "demo").innerHTML = x;
        } 
    </script> 
</body> 
</html>
 
  

Output:

Before clicking on the button:

After clicking on the button:

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

HTML

   <!DOCTYPE html> 
<html> 
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
    <h2>DOM Input Password placeholder Property</h2> 
    <form id="myGeeks">
        Password: <input type="password"
            id="myPsw"
            name="Geeks"
            placeholder="password">
    </form>
    <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").placeholder ="Enter Your Password";
             
            document.getElementById( 
            "demo").innerHTML = x;
        } 
    </script> 
</body> 
</html>
 
  

Output:

Before clicking on the button:

After clicking on the button:

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

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

HTML | DOM Input Number placeholder Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML | DOM Input Password pattern Property

The Input password pattern Property in HTML DOM is used to set or return the value of pattern attribute of a Password Field. This attribute is used to specify the regular expression on which the input elements value is checked against. Use the Global title attribute to describe the pattern for helpi

HTML | DOM Input Number placeholder Property

The DOM Input Number placeholder Property in HTML DOM is used to set or return the value of the placeholder attribute of a number field. The placeholder attribute specifies the short hint that describes the expected value of an input field. The short hint is displayed in the field before the user en

HTML | DOM Input URL placeholder Property

The DOM Input URL placeholder Property is used to set or return the value of the Placeholder attribute of a URL Field.The placeholder attribute specifies a short hint as a text in the input field that describes the expected value. Syntax: It is used to return the placeholder property. urlObject.plac

HTML DOM Input Tel placeholder Property

The input tel placeholder property in HTML DOM is used to set or return the value of the placeholder attribute of an input tel field. The placeholder attribute specifies the short hint that describes the expected value of an input field. The short hint is displayed in the field before the user enter

HTML | DOM Input Search placeholder Property

The DOM Input Search placeholder Property in HTML DOM is used to set or return the value of the placeholder attribute of a search field. The placeholder attribute specifies the short hint that describes the expected value of an input field. The short hint is displayed in the field before the user en

HTML | DOM Input Password form Property

The DOM Input Password form Property is used for returning the reference of the form containing the input Password field. It is a read-only property that returns a form object on success. Syntax: passwordObject.form Return Values: It returns a string value which specify the reference of the form con

HTML | DOM Input Password name Property

The DOM Input Password name Property is used to set or return the value of the name attribute of a Password Field. The name attribute is required for each input field. If the name attribute is not specified in an input field then the data of that field would not be sent at all. Syntax: It is used to

HTML | DOM Input Password size Property

The DOM Input Password size Property is used to set or return the value of the size attribute of an Input Password Field. The size attribute is used to define the width of an Input Password field. Its default value is 20. Syntax: It is used to return the size property.passwordObject.sizeIt is used t

HTML | DOM Input Password type Property

The DOM Input Password type Property is used for returning which type of form element a password field is. This property will always return" password" for an input password field. Syntax: passwordObject.type Return Value: It returns a string value which represent the type of form element the passwor

HTML | DOM Input Password value Property

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.pa