Membuat Text Field Dinamis

Share/Bookmark

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 nyengir.

1 Komentar:


Komentar anda sangat berguna bagi kemajuan blog ini.
damai said...

bagaimana cara mambuat text field yang jika di submit akan mengesave dan nanti submitannya itu akan muncul di tnew tab?
tolong scribnya...

Post a Comment

Xinthinx Blog Tutorial © 2008 Template by Dicas Blogger, emoticon from Yahoo! and KASKUS.

TOPO