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

4 Comments

Anonymous 13 March, 2012
mangstap gan...
Reply Delete
Anonymous 23 March, 2012
thank you friend, nice share, it work! i founded allready, mantafffffff
Reply Delete
Nice post gan, langsung ane praktekin
Reply Delete
Anonymous 30 January, 2013
thank you gan :)
Reply Delete

Post a Comment

Silakan tulis komentar atau pertanyaan kamu di sini. Komentar yang berbau spam, promosi dan sebagainya akan segera saya hapus. Terima kasih.

Cancel Reply