The pattern Attribute

#	Content	Views
1.	Tutorial Tags	40,087
2.	Tutorial + Programming	1,135,080
3.	Videos	377,837
4.	Results (`Annual + Re-appear`)	47,778
5.	Quiz Chapters	39,009
6.	Quiz Questions	564,192
7.	Quiz Results	30,295
8.	Testimonials	8,206
9.	Projects	34,470
10.	e-Words	23,654
11.	e-Certificates	4,968
12.	Downloads (Softwares)	166,371
13.	Downloads (Syllabus)	2,778

Home
HTML
Forms
The Pattern Attribute

The pattern Attribute

The input pattern attribute specifies a regular expression that the input field's value is checked against, when the form is submitted.

The pattern attribute works with the following input types: text, date, search, url, tel, email, and password.

<!DOCTYPE html>
<html>
<body>

<h1>The input pattern attribute</h1>

<p>The pattern attribute specifies a regular expression that the input element's value is checked against.</p>

<form action="/php/inputPattern.php" method="get">
  <label for="country_code">Country code:</label>
  <input type="text" id="country_code" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"><br><br>
  <input type="submit" value="Submit">
</form>

<p><strong>Note:</strong> The pattern attribute of the input tag is not supported in Safari 10 (or earlier).</p>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #pattern

CSPunjab.Com

The pattern Attribute

« Previous

The input pattern attribute specifies a regular expression that the input field's value is checked against, when the form is submitted.

The pattern attribute works with the following input types: text, date, search, url, tel, email, and password.

<!DOCTYPE html>
<html>
<body>

<h1>The input pattern attribute</h1>

<p>The pattern attribute specifies a regular expression that the input element's value is checked against.</p>

<form action="/php/inputPattern.php" method="get">
  <label for="country_code">Country code:</label>
  <input type="text" id="country_code" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code"><br><br>
  <input type="submit" value="Submit">
</form>

<p><strong>Note:</strong> The pattern attribute of the input tag is not supported in Safari 10 (or earlier).</p>

</body>
</html>

Live Demo & Try it yourself!