ChandraMMSI

November 24th, 2009

Set focus pada HTML

Posted by chandrammsi in IT banget

Bagaimana caranya untuk set fokus pada salah satu elemen form HTML pada saat form di-load?

Begini caranya :

Cara 1 :

Cara seperti di bawah ini tidak akan bisa digunakan, tapi Anda bisa , script JavaScript-nya bisa masih digunakan.

<form id=”myform” name=”myform” action=…>

<input type=”text” id=”myinput” name=”myinput” …>

</form>

<script type="text/javascript">
document.myform.myinput.focus();
</script>

Jalankan script JavaScript-nya pada event  <body onload=...>.

Cara 2 :

<body onLoad=”document.f1.userid.focus()”>

Form HTML-nya akan seperti :

<form method=post action=” name=f1>
<input type=text name=’userid’>
<input type=submit value=Submit></form>

That’s it. 🙂

Referensi :

http://htmlhelp.com/faq/html/forms.html

http://www.plus2net.com/html_tutorial/set-focus.php

Leave a reply

:mrgreen: :neutral: :twisted: :shock: :smile: :???: :cool: :evil: :grin: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: