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

 
3.1 概要
3.2 やってみる

3.1 概要

 これは、単なる javaScript の話。  検索ページみたいなところで、表示時点で入力欄にフォーカスを与えるにはどうするかという・・・。  この項は「テキスト入力欄に最初からカーソルを入れる(フォーカスを与える)方法」を参考にさせていただきました。

3.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 を書いてやればフォーカスがあたるらしい・・・。と
  

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