Wednesday, December 13, 2006

Auto Focus on Input Form

Saat kamu buka sebuah situs yang ada formnya, misalnya halaman login, secara otomatis cursor akan langsung terletak di salah satu kolom. Nah, itulah yang disebut dengan "auto focus on input form"

Rumusnya sederhana sih, cuma pakai javascrit doank. Dan yang lebih menyenangkan. Sampai saat ini, kompatible dengan browser Firefox, IE, dan Opera.

Berikut rumusnya.

Taruh bagian yang ditebalkan ini pada body


<body onLoad="self.focus();document.form1.username.focus()">


Setelah itu taruh bagian yang ditebalkan pada script form


<form action="" name="form1">
<input type="text" name="username" size="20">
</form>


Sesuaikan nama form dengan nama input berdasarkan script yang ditaryh di body onLoad

Selamt mencoba :)

1 comment:

  1. Nice post! Can’t wait for the next one. Keep stuff like this coming.
    Asus Laptops

    ReplyDelete