Chomado's Blog
You Are Reading

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

0
プログラミング

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


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

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

↓ フォーカスon

↓ 普通

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

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

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

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

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


Madoka Chomado (ちょまど)

千代田まどかです。よく「ちょまど」と呼ばれます。Microsoft 社員。文系出身プログラマ兼マンガ家です。

コメントを残す

メールアドレスが公開されることはありません。