html trick

/Utilisation de l'attribut HTML autofocus

6 juin 2021

L'attribut autofocus en HTML est un outil pratique pour améliorer l'expérience utilisateur sur les formulaires en ligne. Il permet de définir automatiquement le champ de saisie qui sera actif dès que la page se charge, sans nécessiter d'action supplémentaire de la part de l'utilisateur.

Comment ça marche ?

En intégrant l'attribut autofocus à un élément de formulaire, tel qu'un champ de texte (<input type="text">), cet élément spécifique sera mis en surbrillance ou en état de saisie dès que la page se charge, permettant à l'utilisateur de commencer à taper directement sans devoir cliquer sur le champ.

Exemple :

<form action="/action_page.php">
  First name: <input type="text" name="firstname" autofocus /><br />
  Last name: <input type="text" name="lastname" /><br />
  <input type="submit" />
</form>

Dans cet exemple, le champ "First name" est marqué avec autofocus. Ainsi, lorsque la page se charge, le curseur sera automatiquement positionné dans ce champ, facilitant la saisie pour l'utilisateur.

Considérations à prendre en compte :

  • Compatibilité des navigateurs :
  • Accessibilité :

En somme, l'attribut HTML autofocus est un outil utile pour optimiser l'expérience utilisateur en simplifiant le processus de saisie dans les formulaires en ligne, mais son utilisation doit être équilibrée pour garantir une accessibilité et une convivialité optimales.

Partage

©2024 Jeremy Chaufourier.