Hallo Sahabat…. Pada pertemuan kita kali ini, saya akan memberikan tutorial bagaimana mempercantik input range pada HTML menggunakan style CSS. Input range yang mana sih?? Mungkin ada beberapa diantara sahabat yang belum tau apa itu range. Range biasanya digunakan untuk memasukkan data kisaran/range. Bentuk sederhananya seperti ini.
Sederhana sekali bukan?? Nah agar tampilannya lebih menarik dan enak dipandang mata, mari kita make over tampilannya. Bukan Cuma wajah saja loh yang bisa di make over, Range juga perlu di make over. :D
Caranya mudah sekali sahabat, silahkan sahabat buat struktur HTML nya sebagai berikut.
Setelah itu ketikan kode program CSS nya seperti di bawah ini.
Maka hasil akhirnya sebagai berikut.
Hoorreeee…. Tampilan rangenya lebih cantik dan enak di pandang bukan?? Sahabat bisa memodifikasi warnanya, bahkan ukurannya. Jadi, selamat berkreasi dan sampai jumpa di pertemuan selanjutnya :).
0 komentar:
Posting Komentar