HOTLINE

(0275) 2974 127

CHAT WA 24/7
0859-60000-390 (Sales)
0852-8969-9009 (Support)
Tips

Cara Menggunakan Placeholder

Placeholder merupakan salah satu atribut HTML yang berfungsi untuk menuliskan teks pada tag input HTML. Placeholder digunakan dihampir setiap tipe input HTML, sangat bermanfaat untuk memberikan teks bantuan kepada pengunjung untuk input form yang kompleks. Selain itu Placeholder juga dapat meningkatkan usability dan nilai estetika dalam desain sebuah form.

Jika anda adalah seorang desainer web yang sering menggunakan Placeholder disarankan untuk lebih hati-hati dan jeli dalam menggunakan teks Placeholder, karena jika anda salam dalam menempatkan Placeholder tentunya akan menyebabkan masalah bagi pengunjung. Selain itu juga akan berakibat fatal karena pengunjung akan kebingungan ketika menginputkan form.

Tips menggunakan Placeholder yang baik, antara lain:

  • Jangan gunakan Placeholder sebagai label

Hal ini dikarenakan jika pengunjung meng-klik inputan tersebut, secara otomatis teks Placeholder akan menghilang. Lebih baik gunakandi atas inputan, dan kosongkan teks Placeholder.

  • Jangan gunakan Placeholder sebagai teks contoh

Disarankan nada tidak menjadikan teks Placeholder sebagai teks contoh, karena ini akan membingungkan pengunjung.sebaiknya tmbahkan saja teks contoh dibawah inputan.

  • Jangan gunakan Placeholder sebagai teks bantuan

Menggunakan Placeholder sebagai teks bantuan sebenarnya tidak baik, mengingat Placeholder tidak digunakan untuk menuliskan deskripsi yang panjang. Silahkan gunakan tooltip untuk menuliskan informasi lanjut pada form.

  • Jangan gunakan Placeholder sebagai label sekunder

Sebaiknya tuliskan saja label sekunder di bawah inputan.

Disarankan agar:

  • Placeholder memiliki kontras warna lebih rendah

Disarankan agar teks placeholder memiliki kontras warna yang lebih rendah dibandingkan dengan teks inputan. Ini akan membantu user untuk membedakan yang mana isian dari inputan atau Placeholder.

  • Placeholder harus terlihat pada semua layar desain web reponsive

Jika anda membuat desain web reponsive, pastikan teks Placeholder terlihat pada semua jenis layar.

  • Placeholder tidak menghilang ketika user meng-klik inputan

Supaya pengunjung tidak merasa bingung, buatlah placeholder yang tidak menghilang ketika user aktif di inputan tersebut.

Jadilah yang pertama untuk memberi nilai
Fitri R

Recent Posts

Perlu Anda ketahui Kelebihan dan Kekurangan dari Google Firebase

Dalam proses pembuatan aplikasi, hal itu sering diibaratkan seperti menulis surat. Kenapa? Sebab, saat menyusun…

9 hours ago

Apa Itu Cash Flow/Arus Kas dan Pentingkah Bagi Perusahaan? [Pembahasan LENGKAP]

Mengembangkan dan mempercepat pertumbuhan bisnis dengan melakukan berbagai tindakan untuk mencapai tujuan adalah impian semua…

13 hours ago

Monitoring Aplikasi Lebih Mudah Menggunakan Software Grafana

Hai para Sobat Teko! Apakah Anda pernah merasa kebingungan saat melihat banyak data yang kompleks,…

15 hours ago

Strategi dan Keuntungan yang Didapatkan Dalam Penerapan Digital Branding

Pendapat dan pernyataan yang diberikan oleh pelanggan mengenai merek kita jauh lebih penting dibandingkan klaim…

1 day ago

Pentingnya RAB dalam Pembangunan Rumah dan Cara Menghitungnya

Setiap orang pasti memiliki harapan untuk memiliki tempat tinggal, baik itu yang diperoleh dari pameran…

2 days ago

Mengetahui Definisi, Karakteristik, Dan Contoh Function Pada Pemograman PHP

Sebagai seorang developer, ketika menciptakan sebuah aplikasi, Anda tentu perlu memiliki pemahaman yang solid mengenai…

2 days ago