HTML | DOM Input Password Object
The Input Password Object in HTML DOM is used to represent an HTML input element with type=”password”. The input element with type=”password” can be accessed by using getElementById() method.
Syntax:
- It is used to access input type=”password”
document.getElementById("id");
- It is used to create type=”password” element.
document.createElement("input");
Object Properties:
Property | Description |
---|---|
type | This property is used to return which type of form element the password field is. |
value | This property is used to set or return the value of the value attribute of a password field. |
autocomplete | This property is used to set or return the value of the autocomplete attribute of a password field. |
autofocus | This property is used to set or return whether a password field should automatically get focus when the page loads. |
defaultValue | This property is used to set or return the default value of a password field. |
disabled | This property is used to set or return whether a password field is disabled or not. |
form | This property is used to return reference to the form that contains the password field. |
maxLength | This property is used to set or return the value of the maxlength attribute of a password field. |
name | This property is used to set or return the value of the name attribute of a password field. |
placeholder | This property is used to set or return the value of the placeholder attribute of a password field. |
readOnly | This property is used to set or return whether the password field is read-only or not. |
required | This property is used to set or return whether the password field must be filled out before submitting a form. |
size | This property is used to set or return the value of the value attribute of the password field. |
Input Password Object Methods:
- select(): This is used to select the content of a password field.
Example-1:
HTML
<!DOCTYPE html> < html > < body style="text-align:center;"> < h1 style="color:green;"> GeeksForGeeks </ h1 > < h2 >DOM Input Password Object</ h2 > Password: < input type="password" id="myPsw" value="geeks12"> < p >Click the button to get the password of the password field.</ p > < button onclick="myFunction()"> Click Here! </ button > < p id="demo"></ p > < script > function myFunction() { var x = document.getElementById( "myPsw").value; document.getElementById( "demo").innerHTML = x; } </ script > </ body > </ html > |
Output:
Before click on the button:
After click on the button:
Example-2:
HTML
<!DOCTYPE html> < html > < body style="text-align:center;"> < h1 style="color:green;"> GeeksForGeeks </ h1 > < h2 >DOM Input Password Object</ h2 > < p >Click the button to create a Password Field.</ p > < button onclick="myFunction()"> Click Here! </ button > < script > function myFunction() { // Creating input element. var x = document.createElement("INPUT"); // Set type password. x.setAttribute("type", "password"); x.setAttribute("value", "geeks12"); document.body.appendChild(x); } </ script > </ body > </ html > |
Output:
Before click on the button:
After click on the button:
Supported Browsers:
- Google Chrome 1+
- Mozilla Firefox 1+
- Edge 12+
- Safari 1+
- Opera 2+
Please Login to comment...