Javascript untuk mengarahkan focus ke textbox

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.

4 thoughts on “Javascript untuk mengarahkan focus ke textbox

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s