HENDIKA

Wednesday, 5 March 2014


Dengan bantuan method focus() kita bisa membuat form sedikit lebih user-friendly.

Kita bisa membuat elemen mana yang difokuskan pada saat pertama atau yang input-nya salah.

Fokus itu artinya mengeset kursor pada form-elemen tertentu sehingga user tidak harus lagi menclick elemen yang bersangkutan sebelum memasukkan sesuatu.


Kita bisa melakukan hal ini dengan script yang sederhana berikut ini:
function setfocus() {
document.first.text1.focus();
}

Jika hendak membuat focus pada element ini saat halaman di-load kita bisa menambahkan pada property onLoad di tag <body> seperti ini:

<body onLoad="setfocus()">
<form name="first">
<input type="text" name="text1"/>
</form>
</body>


Lebih lanjut kita dapat melakukan hal sebagai berikut, yang akan mengeset focus dan juga men-select input :

function setfocus() {
document.first.text1.focus();
document.first.text1.select();
}


Ya Selamat Mencoba... :D





1 komentar: