enterkeyhint

Description

L’attribut enterkeyhint indique aux claviers virtuels (mobiles) quel libellé ou quelle icône afficher sur la touche Entrée/Retour. Cela améliore l’expérience utilisateur en précisant visuellement l’action qui sera effectuée.

Syntaxe

<input type="search" enterkeyhint="search" placeholder="Rechercher…">
<input type="text" enterkeyhint="next" placeholder="Prénom">

Valeurs

Valeur	Touche affichée (selon OS)
enter	Retour chariot (comportement par défaut)
done	”Terminer” ou coche
go	”Aller” ou flèche
next	”Suivant” ou flèche vers l’avant
previous	”Précédent” ou flèche vers l’arrière
search	”Rechercher” ou loupe
send	”Envoyer” ou avion en papier

Exemples

Formulaire multi-étapes :

<form>
  <input type="text" name="prenom" placeholder="Prénom" enterkeyhint="next">
  <input type="text" name="nom" placeholder="Nom" enterkeyhint="next">
  <input type="email" name="email" placeholder="Email" enterkeyhint="done">
  <button type="submit">Envoyer</button>
</form>

Notes

Mobile uniquement : sans effet sur les claviers physiques. L’impact visuel dépend du système d’exploitation (iOS / Android) et du navigateur.

S’applique aussi à contenteditable : en plus des <input> et <textarea>, enterkeyhint fonctionne sur tout élément contenteditable.