Hallo sahabat Dumet School, bagaimana kabarnya setelah menikmati liburan panjang. Apakah masih tetap semangat codingnya? semoga selalu full power semangat belajarnya. Dalam kesempatan kali ini saya akan memberikan tutorial yang berhubungan dengan password atau dengan input password. Nah pada kasus kali ini ada yang berbeda nih karena saya memakai toggle visibility , ya bisa di sederhanakan seperti menampilkan atau menyembunyikan.Kenapa saya memakai toggle karena akan dijumpai pada script yang digunakan dalam javascript, baiklah supaya tidak terlalu lama bagaimana cara menggunakan toggle visibility input password , coba sekarang sahabat siapkan struktur HTML terlebih dahulu seperti dibawah ini:

langkah selanjutnya tambahkan style untuk CSS coba ketikan seperti berikut :

pada HTML terdapat sebuah Icon yang menggunakan tag <i> , lalu pada CSS dapat dilihat line 1 saya melakukan import Icon atau mengakses library data secara online disini,

Langkah selanjutnya setelah mengetikan file html dan css sekarang tambahkan script dari javascript berikut ini:

jika semua sudah diketikkan coba simpan lalu jalankan pada browser masing-masing ,apakah seperti ini tampilannya:

Cara Menggunakan Toggle Visibility pada Input Password

Demikian pembahasan tentang cara menggunakan toggle visibility input password ,semoga bermanfaat dan selamat mencoba

terima kasih

WhatsApp chat