Metode HTMLInputElement.focus() menetapkan focus kepada elemen INPUT ini, ketika elemen INPUT mendapatkan focus, dia menjadi elemen yang aktif.
Sintaks:
inputObj.focus()
Contoh di bawah ini ketika mouse pointer tepat di atas elemen INPUT ber-TYPE 'text' atau 'password', otomatis elemen itu menjadi elemen yang sedang aktif, sebaliknya ketika pointer di MouseOut, elemen yang sebelumnya aktif menjadi tidak aktif. Sebelumnya di bagian HEAD terdapat dua fungsi berikut:
function setFocus(elem) {
elem.focus();
}
function removeFocus(elem) {
elem.blur();
}
Dan di bagian BODY terdapat:
<FORM METHOD="POST" ACTION="yourCGIURL">
<FIELDSET>
<LEGEND>Login</LEGEND>
Username : <INPUT TYPE="text" NAME="username" ONMOUSEOVER="setFocus(this.form.username)" ONMOUSEOUT="removeFocus(this.form.username)">
Password : <INPUT TYPE="password" NAME="password" ONMOUSEOVER="setFocus(this.form.password)" ONMOUSEOUT="removeFocus(this.form.password)">
<INPUT TYPE="submit" VALUE="Log in">
</FIELDSET>
</FORM>
