Prefilled search box with simple javascript touch

Bosan dengan tampilan search yang sederhana, akhirnya saya dapat menyelesaikan artikel ini
Jika kamu mampir ke wordpress atau web 2.0 pasti kamu akan mengatakan dalam hati "kok bagus-bagus yah tampilan searchnya" tentu saja karna code dasar mereka telah dibumbui oleh CSS, sedangkan untuk penerapan CSS telah di sertai dengan mengikuti perkembangan CSS itu sendiri dengan menambahkan Javascript supaya terlihat lebih reactive. Karena perpaduan antara CSS dan Javascript merupakan perpaduan yang lebih dominan dibandingkan HTML dan Javascript saja. Tanpa adanya CSS

Saya tidak usah panjang lebar. Kebetulan saya juga sudah ngatuk

1. buat dulu sebuah searchbox standar kya gini.

Search Standart

<input type="text" value="Search here..." name="justname" />

Hasilnya bakal begini :

Search box di atas masih statis isinya, sekarang saatnya tambahkan sentuhan javascript

Search Standart 2

<input value="Search here..." name="justname" onfocus="if (this.value == 'Search here...'){this.value = '';}" onblur="if (this.value == '') {this.value = 'Search here...';}" type="text" />

Selamat di coba yah, Semoga bisa. Wah saya udah ngantuk sekali. untung selesai



Gud Luck yah teman - teman