autofocus

概要

autofocus 属性は、ページ読み込み完了時にその要素が自動的にフォーカスを受けることを指定します。

対応ブラウザ

基本構文

<form>
  <label>検索: <input type="search" autofocus placeholder="キーワード"></label>
  <button type="submit">検索</button>
</form>

実務での使いどころ

• autofocus の活用

  ページ読み込み時に自動的にフォーカスを受ける属性。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — autofocus
• Can I use — autofocus