Program HTML Input Type Phone Number

Hello guys, Berjumpa dengan Miniblog dari Inzaghi's Blog! Kali ini kita akan membuat Program HTML Input Type untuk mengisi Nomor Telepon.

Sumber : Dosenit.comJagongoding.comJavatpoint.com, dan W3schools.com


Tipe tel adalah sebuah input untuk memasukkan nomor telepon. Akan tetapi yang perlu diperhatikan adalah tipe tel ini tidak sama dengan tipe email mau pun tipe url yang otomatis memvalidasi isian user.

Pada tipe tel, kita masih harus mendefinisikan secara manual pola dari nomor telpon yang kita inginkan. Hal ini karena nomor telpon di berbagai negera memiliki format yang berbeda-beda.

Contoh :

<form>
  <label for="isian-telpon">Masukkan Nomor Telepon Anda :</label> <br />
  <input id="isian-telpon" type="tel" pattern="[0-9]{4}-[0-9]{4}-[0-9]{4}" />
  <br /><br />

  <button>Submit</button>
</form>

Output :




Pada contoh di atas, isian hanya akan dikatakan valid jika untuk format seperti ini :

  • 1234-1234-1234
  • 0837-3021-3222
  • dan seterusnya


Mohon maaf apabila ada kesalahan sedikitpun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)

Post a Comment

Previous Post Next Post