HTMLでフォーカスを取得する方法


  1. autofocus属性を使用する方法: HTML5では、要素にautofocus属性を追加することで、ページが読み込まれた時点でその要素に自動的にフォーカスが当てられます。例えば、次のように書くことで、ページが読み込まれるとテキストフィールドにフォーカスが当てられます。

    <input type="text" autofocus>
  2. JavaScriptを使用する方法: JavaScriptを使って要素にフォーカスを設定することもできます。以下のコード例では、id属性を使用して要素を取得し、focus()メソッドを呼び出すことでフォーカスを設定しています。

    <input type="text" id="myInput">
    <script>
     document.getElementById("myInput").focus();
    </script>

これらの方法を使うことで、HTMLで要素にフォーカスを取得することができます。適切な方法を選んで、自分の要件に合わせて利用してください。