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
- 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
- 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
Type Text <input type="text" name=""><br><br> Type number <input type="number" name=""><br><br> Type image <input type="image" name="" width="100" height="30" src="https://raw.githubusercontent.com/mdn/learning-area/master/html/forms/image-type-example/login.png" alt=""><br><br> Type Date <input type="date" name=""><br><br> Type file <input type="file" name=""><br><br> Type email <input type="email" name=""><br><br> Type URL <input type="url" name=""><br><br> Type radio <input type="radio" name=""><br><br> <label>Hobi</label><br> Bermusik <input type="checkbox" name=""><br> Renang <input type="checkbox" name=""><br> Sepak Bola <input type="checkbox" name=""><br> Textarea <textarea></textarea><br><br> Select Option <select> <option>Option</option> </select><br><br> Type submit <input type="submit" name=""><br> |
Maka hasilnya seperit gambar di bawah ini
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.