Skip to content
Related Articles

Related Articles

Improve Article
HTML | <input> pattern Attribute
  • Last Updated : 28 Jun, 2019

The HTML <input> pattern attribute is used to specify the regular expression on which the input elements value is checked against. This attribute works with the following input types: text, password, date, search, email, etc. Use the Global title attribute to describe the pattern for helping the user.

Syntax:

<input pattern = "regular_exp">

Example: This example illustrates the use of pattern attribute in <input> element.




<!DOCTYPE html> 
<html
    <head
        <title>
            HTML input pattern attribute
        </title
          
        <style
            body { 
                text-align:center; 
            
            h1 { 
                color:green; 
            
        </style
    </head
      
    <body
        <h1>GeeksforGeeks</h1
          
        <h2>HTML <input>pattern attribute</h2
          
        <form action="#"
            Password: <input type="text" name="Password"
              
            pattern="[A-Za-z]{3}" title="Three letter Password"
              
            <input type="submit"
        </form
    </body
</html>

Output:

Supported Browsers: The browser supported by HTML <input> pattern attribute are listed below:

  • Google Chrome 5.0
  • Internet Explorer 10.0
  • Firefox 4.0
  • Safari 10.1
  • Opera 9.6



My Personal Notes arrow_drop_up
Recommended Articles
Page :