1. ホーム
  2. html

[解決済み] JavaScript を使わずに html フォームをデフォルトでフォーカスする

2022-04-23 05:54:37

質問

HTMLフォームのデフォルトの入力フォーカスを、JavaScriptなどを使わずに設定することは可能でしょうか?

<html>
  <form>
    Input 1: <input type="text" name="textbox1"/>
    <br/>
    Input 2: <input type="text" name="textbox2"/>
  </form>
</html>

JavaScriptを使わずに、フォームの読み込み時にテキストボックスのどちらかにデフォルトのフォーカスを設定したい(ユーザーがjsを無効にしているときに発生する動作にしたいため)。

どのように解決するのですか?

HTML5では可能ですが、それ以外はJavaScriptを使用する必要があります。

HTML5では autofocus をフォーム要素に追加します。

<input type="text" name="myInput" autofocus />

これはHTML5をサポートしているブラウザ(というか、HTML5のこの部分をサポートしているブラウザ)で動作しますが、ご存知のように、まだすべての人が使えるわけではありません。