Labelmask terinspirasi oleh Filament Group Politespace Plugin dan meningkatkan basis kode untuk memodifikasi beberapa aksesibilitas, copy-paste, auto-mengisi, dan UX & nbsp; masalah.
Tidak seperti plugin serupa yang benar-benar mengubah pengalaman memasukkan data dengan menambahkan filter mask interaktif dalam input itu sendiri, Labelmask bekerja dengan menghapus topeng masukan sepenuhnya.
Input mask hanya ditampilkan bila kolom formulir tidak diisi dengan data sebagai pengganti berbasis teks, tetapi ketika pengguna mulai mengetik di dalam lapangan, input mask teks dipindahkan di sebelah label bentuk lapangan di luar elemen input.
Sebagai jenis pengguna, teks ditampilkan secara normal di dalam lapangan, tanpa penyaringan atau karakter sisipan. Pada saat yang sama topeng masukan juga diperbarui secara real-time di luar bidang input, membiarkan pengguna mengetahui berapa banyak karakter dia telah meninggalkan dari topeng asli dan apa yang telah diketik di.
Ketika data telah masuk dan pengguna berfokus luar lapangan, topeng input kemudian kembali diterapkan pada teks diinput, sehingga lebih mudah untuk dibaca.
. Sebuah demo disertakan dengan paket download
Persyaratan :
- JavaScript diaktifkan pada sisi client
- jQuery
Komentar tidak ditemukan