jQueryでページのロード時に指定のフォームにフォーカスを当ててみる
2025/04/28
ログインページなどでページを開いた時に、IDやユーザ名用テキストボックスにフォーカスを当てたい場合の書き方。
jQueryの小技って事で軽く。
指定フォームにフォーカスを当てる
HTML / Javascript
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<head> <script type="text/javascript"> $(document).ready( function(){ $('#login_id').focus(); }); </script> </head> <body> <form method="post" action="#"> ログインID : <input type="text" name="id" id="login_id"><br /> ログインPW : <input type="text" name="password" id="login_pw"> <input type="submit" name="login" value="送信"> </form> |
HTMLのフォームIDを、スクリプトの方へ指定すれば、ページロード時に「ログインID」用のフォームにフォーカスが当たります。
お手軽ですね。