Halo teman-teman bertemu lagi dalam artikel saya, kali ini kita akan belajar cara menggunakan input type tel dengan html5, pastinya teman-teman bertanya-tanya apa itu input type tel, dilihat dalam tulisannya saja pasti sudah aneh ya teman-teman. Oke disini kita akan membahasnya dan cara penggunaanya. Oke teman-teman dari pada tambah penasaran simak terus ya.
Untuk cara menggunakan input type tel dengan html5, seperti biasa jika ada kata input berarti kita akan menginput atau memasukan data. Berarti disini kita akan menginput suatu data tapi datanya yang di input tidak sembarangan ya teman-teman. Oke saya bahas dahulu sebelumya input type tel itu adalah termasuk type input yang di bawa oleh HTML5, dan mempunyai fungsi tersendiri. Maksudnya tersendiri seperti apa ka. Maksudnya dirancang untuk inputan no telpon, baik berupa fixedline (no telp rumah yang menggunakan kode area) atau no HP. Karena banyaknya jenis format penulisan no telp, HTML5 tidak mengatur validasi untuk input type tel.
Jadi untuk apa fungsi atribut ini? Web browser mobile seperti android bisa memanfaatkan atribut type=”tel” untuk mengatur tampilan keyboard virtual. Sebagai contoh, ketika pengguna mengakses bagian form ini, keyboard akan beralih ke mode angka, sehingga memudahkan pengisian form.
Bagaimana teman-teman di HTML5 ini inputan mempunyai fungsi tersendiri ya, jadi lebih spesifik. Oke bagaimana cara membuatnya, langsung saja teman-teman lihat kode di bawah ini:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>cara menggunakan input type tel dengan html5</title> </head> <body> <form action="prosesform.php" method="get"> <p>No HP: <input type="tel" name="telp"></p> <p><input type="submit" value="Kirim Data"></p> </form> </body> </html>
Sekilas tampilan seperti inputan biasa ya teman-teman, tapi ini sangat berguna sekali jika ketika user membukannya di mobile, bisa teman-teman coba ketika buka di moblie keyboard akan berubah menjadi posisi angka, oke teman-teman saya kira cukup ya teman-teman tentang kita belajar cara menggunakan input type tel dengan html5, terimakasih sudah mampir, semoga bermanfaat dan sampai jumpa di artikel saya selanjutnya.
The post Cara Menggunakan Input Type Tel Dengan HTML5 appeared first on Kursus Website Terbaik.