Javascriptでページを読み込み時にフォーカスさせる

友人がページを読み込み時に最初にフォーカスさせる場所

を可変で選択させたいという要望があったので調べた。

忘れないうちにメモ

基本onloadとfocus関数を使う。

<script language="javascript">
//<![CDATA[
function onFocus() {
document.getElementById('title').focus();
}

onload = onFocus;
//]]>
</script>

フォーカスさせる場所を可変にする。
phpと連携して取得するID名を変更する。

<script language="javascript">
//<![CDATA[
function onFocus() {
document.getElementById('<?=$id?>').focus();
}

onload = onFocus;
//]]>
</script>