FormsLesson 144Preview gratis
Toggle Password Visibility
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas tombol untuk menampilkan atau menyembunyikan password yang sedang diketik. Implementasinya cukup mengubah properti type pada elemen input antara password dan text, lalu memperbarui label atau ikon tombol. Fitur ini membantu mengurangi kesalahan ketik, tetapi harus tetap memperhatikan keamanan dan aksesibilitas.
Poin kunci
- Properti input.type diubah antara "password" dan "text" untuk menyembunyikan atau menampilkan isi
- Gunakan tombol dengan type="button" agar tidak memicu submit form
- Perbarui aria-label dan aria-pressed agar status tombol dipahami pembaca layar
- Jangan menampilkan password secara default dan pertimbangkan risiko orang lain melihat layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.