Open In App
Related Articles

HTML | pattern Attribute

Improve Article
Save Article
Like Article

This attribute is used to specify the regular expression on which the input element value is checked. 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. 


<input pattern = "regular_exp">

Element: This attribute is associated with <input> element only. 

Attribute: This attribute specifies the regular expression. 



<!DOCTYPE html>
    <title>pattern attribute</title>
        body {
            text-align: center;
        h1 {
            color: green;
    <h2>pattern attribute</h2>
    <form action="#">
        <label for="userPass">Password:</label>
        <input type="text" name="password" id="userPass" pattern="[A-Za-z]{3}" title="3 letter Password">
        <input type="submit" value="submit">




Output2:  (When entering a password of more than 3 characters)


Supported Browsers: The browser supported by pattern attribute are listed below:

  • Google Chrome 4.0 and above
  • Edge 12 and above
  • Firefox 4.0 and above
  • Opera 12.1 and above
  • Safari 5 and above
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 13 Dec, 2022
Like Article
Save Article
Similar Reads
Complete Tutorials