Last Updated : 12 Aug, 2022
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.
html
<!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:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4