autofocus属性

属性 autofocus は、ページ読み込み時に HTMLフォームフィールドの入力フォーカスを デフォルトで自動的に設定します。

属性 autofocus が設定された要素は、 ページ読み込み時にフォーカスを持ちます (キーボードで入力を開始すると、カーソルが 点滅し、入力はフォーカスされたフィールドに 入力されます)。

この属性は値を持たないブール属性です。 タグ input または textarea に対してのみ使用し、ページ内で1つの要素に のみ適用するべきです。そうでない場合、 競合が発生します。

例

ページにアクセスしたとき、最初の input タグが入力フォーカスを持っていることを 確認しましょう。これは属性 autofocus を設定したためです(マウスでクリックしないでください。 クリックすると入力欄からフォーカスが 失われます)。

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

Результат:

関連項目

  • フォーカス状態の要素にスタイルを適用する 擬似クラス focus
  • Tab キー押下によるフォーカス移動を 制御する属性 tabindex