1<div>
2 <label for="phone">Enter your phone number:</label>
3<input type="tel" id="phone" name="phone" pattern="+94[7-9]{2}-[0-9]{3}-[0-9]{4}" value="+94">
4 </div>
1
2 <form>
3 <label for="phone">Enter your phone number:</label>
4
5 <input type="tel" id="phone" name="phone"
6 pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
7</form>
1label for="phone">Enter your phone number:</label>
2<input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}">
1<input type="text" name="Phone Number" pattern="[7-9]{1}[0-9]{9}"
2 title="Phone number with 7-9 and remaing 9 digit with 0-9">
1<form>
2 <div>
3 <label for="country">Choose your country:</label>
4 <select id="country" name="country">
5 <option>UK</option>
6 <option selected>US</option>
7 <option>Germany</option>
8 </select>
9 </div>
10 <div>
11 <p>Enter your telephone number: </p>
12 <span class="areaDiv">
13 <input id="areaNo" name="areaNo" type="tel" required
14 placeholder="Area code" pattern="[0-9]{3}"
15 aria-label="Area code">
16 <span class="validity"></span>
17 </span>
18 <span class="number1Div">
19 <input id="number1" name="number1" type="tel" required
20 placeholder="First part" pattern="[0-9]{3}"
21 aria-label="First part of number">
22 <span class="validity"></span>
23 </span>
24 <span class="number2Div">
25 <input id="number2" name="number2" type="tel" required
26 placeholder="Second part" pattern="[0-9]{4}"
27 aria-label="Second part of number">
28 <span class="validity"></span>
29 </span>
30 </div>
31 <div>
32 <button>Submit</button>
33 </div>
34</form>