Cara Membuat Tulisan Di Dalam Kotak Pencarian (Search Box)

kotak pencarian search box

Ada beberapa cara untuk menuliskan sebuah teks ke dalam kotak pencarian (search box). Caranya mudah sekali, kamu tinggal memasukkan beberapa kode ke dalam tag <input ... />.

Tipe Pertama
Hilangkan semua teks dalam kotak pencarian saat di klik.



<input type="text" value="Ketik Kata Kunci..." onfocus="this.value='';" />


Tipe Kedua
Hilangkan teks "Ketik Kata Kunci..." saat di klik, dan jangan dihilangkan jika teks dalam kotak bukan teks "Ketik Kata Kunci..."



<input type="text" value="Ketik Kata Kunci..." onfocus="if(this.value == 'Ketik Kata Kunci..') {this.value = '';}" />


Tipe Ketiga
Hilangkan teks "Ketik Kata Kunci..." hanya saat di klik.



<input type="text" placeholder="Ketik Kata Kunci..." />

Semoga bermanfaat, terima kasih

Related Posts

Post a Comment

Subscribe Our Newsletter