Halo Dumenity, selamat datang kembali di website tips dan trik Dumet School. Berjumpa kembali dengan saya pada pembahasan tips seputar dunia website, pada kesempatan kali ini saya akan memberikan tips tentang Macam – macam Type Tag Input HTML dimana pada artikel kali ini kita akan mengenal type pada tag input HTML dan kegunaannya. Bagi teman – teman yang baru belajar tentang tag – tag pada HTML wajib tahu nih tentang type – type pada tag input.

Pada umumnya type tag text, email, checkbox, radio, file, submit, umum paling sering di gunakan, tahukah kalian selain type tag yang saya sebutkan tadi masih banyak type tag yang lainnya dan bisa kita manfaatkan juga dintaranya ada type tag date, number, image, url, dan ada juga select opiton, textarea sebagai optionnya. Pada artikel Macam – macam Type Tag Input HTML saya akan sedikit jelaskan kegunaanya

  • text = bisa di inputkan huruf atau angka
  • email = hanya khusus inputan email, jika yang dimasukkan bukan email maka data tidak akan di proses
  • checkbox = biasanya digunakan untuk ceklis, contoh: bisa di gunakan untuk pilihan misalkan tentang hobi

Macam - macam Type Tag Input HTML

 

 

  • file = bisa di gunakan untuk upload file, misalkan untuk upload gambar
  • sumbit = jika di berikan type sumbit maka tampilan akan menjadi button, dan di gunakan untuk klik input data
  • date = type ini akan otomatis tampil tanggal, tahun dan bulan

Macam - macam Type Tag Input HTML

  • number = inputan hanya untuk angka
  • image = kita bisa memasukkan di dalam tag input type image dengan menambahkan src pada tag nya
  • url = type ini khusus untuk link atau alamat website
  • radio = biasanya ini di gunakan untuk memberikan 2 pilihan dan hanya satu saja yang akan di proses dalam input datanya, misalkan jenis kelamin hanya ada 2 yaitu pria dan wanita
  • select option = tentu tag ini sangat familiar untuk teman – teman, ya select option juga untuk membuat sebuat list pilihan
  • textarea = juga tag ini sering di gunakan, contoh: untuk input data komentar dan alamat

Jika kita praktekkan

Maka hasilnya seperit gambar di bawah ini

Macam - macam Type Tag Input HTML

Itulah Macam – macam Type Tag Input HTML semoga bermanfaat dan bisa memberikan tambahan pengetahuannya tentang type – type pada tag input HTML. Kita akan jumpa kembali pada artikel selanjutnya, terimakasih dan sampai jumpa.

WhatsApp chat