autofocus

Description

L’attribut booléen autofocus indique que l’élément doit recevoir le focus automatiquement dès que possible après le chargement de la page ou lorsque le <dialog> ou popover qui le contient s’ouvre. Un seul élément par document peut avoir autofocus.

Syntaxe

<input type="search" autofocus placeholder="Rechercher…">
<button autofocus>Confirmer</button>

Exemples

Formulaire de connexion avec focus automatique :

<form>
  <label for="identifiant">Identifiant :</label>
  <input type="text" id="identifiant" name="identifiant" autofocus>
</form>

Dans un dialogue :

<dialog id="modal">
  <h2>Confirmation</h2>
  <button autofocus type="button">OK</button>
  <button type="button">Annuler</button>
</dialog>

Notes

Un seul par page : si plusieurs éléments portent autofocus, seul le premier dans l’ordre du DOM reçoit le focus.

Accessibilité : utiliser avec précaution — déplacer automatiquement le focus peut désorienter les utilisateurs de lecteurs d’écran ou de navigation au clavier. Réservé aux cas où l’interaction principale de la page est clairement identifiée (champ de recherche, formulaire de connexion).