Menentukan Titik Fokus Pertama pada From Input

Apabila kita melihat sebuah form website, kita bisa tentukan posisi kursor mouse akan berada di bagian manapun yag kita inginkan, misalnya form login, kita mempunyai keinginan agar ketika form tersebut tampil, maka posisi kursor mouse langsung berada di bagian input form login Username pada website.

Disini saya mengunakan jQuery dan sudah membungkusnya dalam sebuah fungsi yang bernama focus sehingga terkesan lebih simple, karena tinggal manggil fungsi tersebut tanpa harus membuatnya secara manual. Untuk lebih jelasnya anda perhatikan teks tebal pada Skrip berikut  :

Skrip focus.html

<html>
<head>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript">
$ (document) .ready(function()  {
$ ("#username") .focus() ;
}) ;
</script>
</head>
<body>
<form>
<p>Username : <input type="text" id="username"> </p>
<p>Password : <input type="password" id="pass"> </p>
<input type="submit" value="login">
</form>
</body>
</html>

Sekarang coba jalankan skrip focus.html, maka kursor mouse akan langsung mengarah (focus) pertama pada input Username.

~ Semoga bermanfaat untuk kalian :) :D

1 Response to "Menentukan Titik Fokus Pertama pada From Input"

click duit