Mohon maaf, mungkin terdapat beberpa artikel yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan artikel tersebut ditulis babaerapa tahun lalu (jadul).

23 March 2010

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

1 comment:

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

    ReplyDelete