HTML - JavaScript jQuery - 入力欄にフォーカスを与える

1.　概要

2.　やってみる

1.　概要

　これは、単なる javaScript の話。

　検索ページみたいなところで、表示時点で入力欄にフォーカスを与えるにはどうするかという・・・。

　この項は「テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法」を参考にさせていただきました。

2.　やってみる

　このサイトでは


<input type="text" name="q" value="" />  <input type="submit" class="page" value="検  索" />


　みたいなことを書けば、下記のように表示されるわけです（押してもなんにも起こらないですよ）。

  

　単にこれではフォーカスが当たっていないわけです。


　これを書き換えて


<input type="text" id="first" name="q" value="" />  
<script type="text/javascript">
document.getElementById('first').focus();
</script>
<input type="submit" class="page" value="検  索" />


　ID を与えておいて直後に JavaScript を書いてやればフォーカスがあたるらしい・・・。と

　わたしのブラウザではうまいこと行きました。