Webのフォームの入力欄をページを開いたらすぐ入力できるようにする方法

Webページ作ってるんだけど、ページを開いたらすぐにテキストボックスに入力できる状態にしたいな…

できます。これです。autofocus 属性を使うのです!

ページを開いたときに入力可能な状態にしたいinputタグに autofocus プロパティをつけます。これで、ページを開いた瞬間すぐに文字を入力できるようになります。

<input type="text" autofocus="autofocus">

<!-- または -->

<input type="text" autofocus>

  • ブックマーク
  • Feedly

この記事を書いた人

Takashi Fujisaki

10年の音楽制作屋さんを経て、2010〜 Webデザイン / フロントエンドエンジニア / ブロガーとして活動しています。WordPressテーマ・プラグイン制作やちょっとしたアプリ開発など。Appleと自転車とラーメンが好き。