HTML | DOM Input Password pattern Property

HTML | DOM Input Password pattern Property

Last Updated : 25 Aug, 2022

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 helping the user.

Syntax:

It returns the Input password pattern Property.

passwordObject.pattern

It is used to set the Input password pattern Property.

passwordObject.pattern = regexp

Property Values: It accepts single value regexp which is used to specify the regular expression that a password field value is checked against.

Return Value: It returns a string value which represents the regular expression that a password field value is checked against.

Example: This example describes the use of Input password pattern Property.

HTML

<!DOCTYPE html> 
<html> 
<head>
    <title>
        HTML DOM Input Password pattern Property
    </title>
</head>
<body style="text-align:center;"> 
    <h1 style="color:green;"> 
        GeeksForGeeks 
    </h1> 
    <h2>DOM Input Password pattern Property</h2> 
    <form id="myGeeks">
        Password: <input type="password" id="myPsw" name="Geeks"
            pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2, 3}$" >
    </form>
    <br><br>
    <button onclick="myFunction()"> 
        Click Here! 
    </button> 
    <p id="demo" style="color:green;font-size:25px;"></p> 
    
    <!-- Script to use Input Password pattern Property -->
    <script> 
        function myFunction() { 
            var x = 
            document.getElementById( 
            "myPsw").pattern;
            
            document.getElementById( 
            "demo").innerHTML = x;
        } 
    </script> 
</body> 
</html>

Output:

Before Clicking the Button:

After Clicking the Button:

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

Google Chrome 1
Edge 12
Firefox 1
Opera 2
Safari 1

HTML | DOM Input Password pattern Property

M

manaschhabra2

Improve

Article Tags :

Practice Tags :

Misc

Similar Reads

HTML | DOM Input Password placeholder Property

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 va

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 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 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 URL pattern Property

The DOM Input URL pattern Property in HTML DOM is used to set or return the pattern attribute of a URL field. It is used to specify the regular expression on which the input elements value is checked. Use the global title attribute to describe the pattern for helping the user. Syntax: It returns the

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

HTML | DOM Input Text pattern Property

The Input Text pattern Property in HTML DOM is used to set or return the pattern attribute of an text field. It is used to specify the regular expression on which the input elements value is checked. Use the global title attribute to describe the pattern for helping the user. Syntax: It returns the

HTML | DOM Input Email pattern Property

The Input Email pattern property in HTML DOM is used to set or return the pattern attribute of an email field. It 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 helping the user. Syntax: It re