HTML | <input> pattern Attribute
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:
- Google Chrome 4.0
- Edge 12.0
- Internet Explorer 10.0
- Firefox 4.0
- Safari 5.0
- Opera 12.1
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...