Apa itu Placeholder?
Itu tuh… tulisan “Nama Lengkap” yang ada di dalem input text
Bagaimana interaksi dari Placeholder?
Berikut penggambaran interaksinya
- Ketika user mengklik input text, placeholder nya masih berada di posisi awalnya.
- Tetapi ketika user mulai mengetik, placeholder akan menghilang.
- Lalu ketika user menghapus semua text yang tadi diketikkan, maka placeholder akan muncul lagi.
Bagaimana kesalahan dalam penggunaan placeholder?
Ketika digunakan di sebuah form yang panjang seperti dibawah ini
Kenapa hal tersebut salah?
Mari kita lihat gambar dibawah ini
Bayangkan…. Anda sedang mulai mengisi sebuah inputan, lalu tiba tiba perhatian Anda teralihkan oleh hal lain. Dan ketika Anda kembali untuk melanjutkan mengisi inputan tersebut, kemungkinan Anda akan bertanya “Ini tadi inputan apa ya?”
Dan untuk mengetahui ini inputan apa, Anda harus menghapus teks yang sudah Anda isikan untuk melihat placeholder nya.
Bagaimana sebaiknya?
Gunakan label di setiap inputan dan gunakan placeholder untuk memberikan petunjuk pengisian. Seperti gambar dibawah ini
Tapi menggunakan label seperti itu terlalu memakan tempat
Betul, dan ada seorang designer bernama Matt D Smith yang mempertanyakan hal itu dan membuat solusinya.
Pada tahun 2013, Ia menciptakan floating label. Yang setahun kemudian, Google menyertakan floating label pada guideline material design mereka.
Kesimpulan
Anda bebas menggunakan placeholder sesuai dengan kebutuhan Anda. Yang perlu diingat adalah… ketika user mengisi sebuah form, pastikan mereka tidak mengalami kesulitan untuk mengetahui inputan apa yang sedang mereka isi. Anda bisa menggunakan Label ataupun Floating Label
Semoga bermanfaat :)
