Input Type Tel

#	Content	Views
1.	Tutorial Tags	40,087
2.	Tutorial + Programming	1,135,252
3.	Videos	377,882
4.	Results (`Annual + Re-appear`)	47,778
5.	Quiz Chapters	39,009
6.	Quiz Questions	564,226
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,372
13.	Downloads (Syllabus)	2,778

Home
HTML
Forms
Input Type Tel

Input Type Tel

The <input type="tel"> is used for input fields that should contain a telephone number.

<!DOCTYPE html>
<html>
<body>

<h2>Telephone Field</h2>

<p>The <strong>input type="tel"</strong> is used for input fields that should contain a telephone number:</p>

<form action="/php/inputTel.php" method="get">
  <label for="phone">Enter a phone number:</label><br><br>
  <input type="tel" id="phone" name="phone" value="01633-279150" placeholder="01633-279150" pattern="[0-9]{5}-[0-9]{6}" required><br><br>
  <small>Format: 123-45-678</small><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!

#HTML #form #tel

CSPunjab.Com

Input Type Tel

« Previous

The <input type="tel"> is used for input fields that should contain a telephone number.

<!DOCTYPE html>
<html>
<body>

<h2>Telephone Field</h2>

<p>The <strong>input type="tel"</strong> is used for input fields that should contain a telephone number:</p>

<form action="/php/inputTel.php" method="get">
  <label for="phone">Enter a phone number:</label><br><br>
  <input type="tel" id="phone" name="phone" value="01633-279150" placeholder="01633-279150" pattern="[0-9]{5}-[0-9]{6}" required><br><br>
  <small>Format: 123-45-678</small><br><br>
  <input type="submit" value="Submit">
</form>

</body>
</html>

Live Demo & Try it yourself!