Javascript untuk mengarahkan focus ke textbox

10 06 2008

Cuman pengen mengarsip tips sederhana yang berguna untuk mengarahkan focus ke textbox (control) tertentu dalam satu form HTML. Anggap aja ada form dengan kode dibawah ini.

<form name="form1" action="testform.asp" method="post">
<input type="text" name="kode">
<input type="text" name="nama">
<input type="text" name="alamat">
<input type="submit" value="Submit">
</form>

Pertanyaanya adalah, bagaimana mengarahkan focus ke textbox “kode” ?

document.nama_form.nama_field.focus()

Diatas adalah syntax dasar untuk mengarahkan focus ke textbox dalam satu form. Ada 2 cara yang bisa dipake, antara lain meletakkannya di event onload pada tag <BODY> sehingga menghasilkan kode seperti dibawah ini.

<body onload="document.form1.kode.focus()" >

Atau dengan membuat fungsi javascript dibawah tag <FORM> sehingga menghasilkan kode seperti dibawah ini.

<script language="JavaScript"> document.forms[0].kode.focus(); </script>

Semoga bermanfaat.


Tindakan

Information

3 tanggapan

30 07 2008
www.sampara.com

Thank for tipsnya yaa
Dari : http://www.sampara.com

10 12 2008
oyi kresnamurti

thanks tip nya.. tapi dua-duanya gak bisa jalan tuh bro..
ada trik lain?

15 12 2008
bloGEsam

@sampara:
ur welcome

@oyi:
masak sih…. aku da coba n bisa jalan semua tuh bro

Tinggalkan komentar