お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

【覚書】カーソルをページを開いた時に任意のフォームに持って行く【JavaScript】

WEBデザイン
フォームを使ってHPに検索窓を設置したりできますが

こんな感じで書くと
<form method="get" action="http://www.google.co.jp/search">
<input name="q" size="31" maxlength="255" value="" type="text">
<input name="btng" value="検索" type="submit">
</form>

こうなる


どうせなら、ページを開いた瞬間に、カーソルが検索窓のところに来てくれると、即座に入力に入れて便利

やり方は

(1)ページのヘッダー内に
<meta http-equiv="content-script-type" content="text/javascript">
を記述

(2)フォームに任意の名前を付ける

上記検索窓では、一行目に name="hogehoge" を追記

<form method="get" action="http://www.google.co.jp/search" name="hogehoge">

(3)bodyタグ内に onload="document.hogehoge.q.focus();" を記述

<body onload="document.hogehoge.q.focus();">

コメント