Halo para pembaca sekalian. Kali ini kita akan mebahas mengenai tipe inputan apa saja sih yang ada pada HTML. Ternyata tipe inputan yang ada pada HTML saat ini sangat banyak. Dari inputan text, pilih file, hingga model range. Begitu juga dengan validasinya. Tipe inputan ini memiliki validasi sesuai dengan tipe yang digunakan, semisal email, number dan lainnya. Nah, apa saja sih tipe data tersebut? Berikut adalah jenisnya :
| Input Tipe | Fungsi | Hasilnya |
|---|---|---|
| <input type=”text“> | Untuk membuat inputan tipe text | |
| <input type=”password“> | Untuk membuat inputan tipe text menjadi passphrase | |
| <input type=”radio“> | Membuat pilihan berbentuk radio button | |
| <input type=”checkbox“> | Membuat pilihan berbentuk centang | |
| <input type=”button“> | Membuat tombol | |
| <input type=”color“> | Membuat pewarnaan / pemilihan warna | |
| <input type=”email“> | Input data berbentuk email | |
| <input type=”file“> | Memilih file untuk diproses | |
| <input type=”hidden“> | Menyembunyikan elemen inputan text | |
| <input type=”image“> | Menampilkan gambar dengan url | |
| <input type=”number“> | Untuk membuat inputan tipe angka | |
| <input type=”range“> | Mebuat scroll range | |
| <input type=”search“> | Untuk membuat kotak pencarian | |
| <input type=”tel“> | Format nomer telepon | |
| <input type=”time“> | Inputan dengan format jM=am | |
| <input type=”date“> | Inputan dengan format tanggal | |
| <input type=”datetime-local“> | Inputan dengan tanggal dan jam | |
| <input type=”week“> | Inputan dengna format pekan / minggu | |
| <input type=”month“> | Inputan dengan format bulan | |
| <input type=”url“> | Inputan dengan format URL | |
| <input type=”submit“> | Tombol yang berfungsi memproses data | |
| <input type=”reset“> | Membersihkan form yang telah tertulis, berbentuk button |
Namun pada code di atas, tidak semua berjalan pada browser. Maksudnya, browser akan membaca inputan tersebut hanya berbentuk inputan text biasa dan kita membutuhkan fungsi attribut pattern agar inputan tersebut berfungsi. Pada artikel selanjutnya akan kita bahas.
Demikianlah penjelasan singkat dan sederhana mengenai Tipe Inputan pada HTML semoga dapat bermanfaat buat Anda. Terima Kasih.
Leave a Reply