Membuat Text Field Dinamis

Ok, langsung saja saya perlihatkan contoh tampilan yang akan kita buat terlebih dahulu. Lihatlah kedua perbedaan dari gambar di bawah ini.

Pada gambar pertama, kita melihat kotak pencarian atau TextField pada Facebook terdapat tulisan Find People and More. Lalu pada gambar kedua, tulisan tersebut hilang. Hal ini dikarenakan terdapat sebuah action yang berasal dari klik mouse untuk menginputkan suatu data. Nah, pada kali ini kita akan mencoba membuat hal tersebut.

Dalam membuat TextField tersebut, tidaklah terlalu susah. Untuk membuatnya adalah sebagai berikut:

• Buatlah TextField melalui editor HTML.
• Setelah itu, pada code TextField tersebut, tambahkan beberapa baris code yang pada akhirnya akan menjadi seperti di bawah ini.

<input
onblur='if (this.value == "") {this.value = "ketik keyword...";}'
onfocus='if (this.value == "ketik keyword...") {this.value = "";}'
onkeyup='(this.value)' value='ketik keyword...'/>

• Setelah selesai, simpan code tersebut yang telah dituliskan pada editor menjadi extensi HTML.
• Setelah selesai, sekarang coba buka file tersebut melalui browser yang anda miliki.
• Selamat mencoba .

Read more: http://blog.xinthinx.us/2010/03/membuat-text-field-dinamis.html#ixzz2Jd4NGmtx