Cách sử dụng input type tel (số điện thoại) trong HTML

Kiểu <input type="tel"> dành cho nhập số điện thoại. Trình duyệt không validate định dạng (vì định dạng điện thoại đa dạng quốc gia). Trên mobile, thường hiển thị bàn phím số (numpad) thay vì bàn phím chữ.

Lưu ý: Chỉ Safari hỗ trợ đầy đủ UI picker cho tel. Các trình duyệt khác chỉ đổi bàn phím ảo.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input tel</title>
  </head>
  <body>
    <form action="" method="get">
      Thông tin:<br><br>
      Tên học sinh<br><input type="text" name="sname"><br>
      Số điện thoại<br><input type="tel" name="telephone"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Best practice: Dùng pattern để validate định dạng (ví dụ pattern="[0-9]{10,11}") và placeholder="0901234567" gợi ý cho người dùng.