[html5] ページ開いた時フォームに自動でフォーカスオン

Tweet

ページ開いた時にフォームに最初からフォーカスがあたっているようにしたい.

こんな風に. (スマホからだとうまくないかも)

これをしたかったとき, まず最初にJavaScriptでどうにかするのを考えて,
それで実装しました.

// 画面開いた時にフォーカスオン(JS)
document.getElementById("username").focus();

でも今の時代超便利なものがあるらしく, なんと, html5では

<!-- html -->
<input type="text" autofocus />

って, autofocus ってのを入れるだけで大丈夫なんです!

Tweet