Madoka Chomado
You Are Reading

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

0

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

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

↓ フォーカスon

↓ 普通

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

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

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

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

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


Madoka Chomado (ちょまど)

千代田まどかです。よくちょまどと呼ばれます。Microsoft 社員。文系出身プログラマ兼マンガ家です。私の書いた記事一覧がこちらです

コメントを残す

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