Appuyer sur Entrée est quelque chose que nous faisons tout le temps – mais appuyer sur Entrée peut faire plusieurs choses. Sur les appareils mobiles, puisque les claviers ne sont pas physiques, les touches peuvent changer en fonction de ce que nous voulons faire. enterkeyhint donne des informations au navigateur sur ce que fera la touche Entrée (c’est-à-dire envoyer un e-mail) – afin que nous puissions l’afficher sur les claviers mobiles. Par exemple, si une touche entrée est censée envoyer un e-mail, nous pouvons utiliser enterkeyhint montrer le mot envoyer à la place de Entrer.
Un exemple est montré ci-dessous de la façon dont enterkeyhint affecte le bouton « soumettre ». Vous pouvez le voir montrer les deux terminé, et aller en fonction de la valeur que nous utilisons pour cela. D’autres navigateurs peuvent procéder différemment – par exemple sur Android, un avion en papier peut être affiché pour « Envoyer ».
Comment fonctionne enterkeyhint
Étant donné que vous pouvez appuyer sur entrée sur n’importe quelle entrée sur mobile, vous devez mettre la touche entrée sur chaque entrée. Par exemple, disons que nous avons un formulaire d’inscription Web pour une newsletter. Dans ce cas, nous pouvons utiliser enterkeyhint sur notre entrée de courrier électronique pour afficher envoyer à la place de la touche Entrée, afin que l’utilisateur sache qu’il nous envoie ses données. En HTML, cela ressemble à ceci :
html Copy
<input type="email" enterkeyhint="send">
Lorsqu’un utilisateur sélectionne cette entrée, le enterkeyhint montrera « Envoyer » à la place de « Entrer« .
Toutes les valeurs possibles pour enterkeyhint
Vous trouverez ci-dessous toutes les valeurs possibles pour enterkeyhint.
| Valeur | Exemple Saisir du texte |
| enterkeyhint= »recherche » | Pour la recherche – cela affichera le texte « Rechercher » ou une icône représentant cela. |
| enterkeyhint= »enter » | Essentiellement la version normale – indiquant généralement une nouvelle ligne ou une soumission. |
| enterkeyhint= »suivant » | Une icône ou un texte représentant un bouton pour passer à la page ou à la saisie suivante. |
| enterkeyhint= »précédent » | Une icône ou un texte représentant un bouton pour aller à la page ou à l’entrée précédente. |
| enterkeyhint= »envoyer » | Ceci est généralement utilisé pour représenter l’envoi d’un e-mail. Affiche une icône de courrier électronique ou le texte « Envoyer ». |
| enterkeyhint= »fait » | Habituellement utilisé pour indiquer l’achèvement d’un formulaire. Affiche soit une icône représentant cela, soit le texte « Terminé ». |
| enterkeyhint= »go » | Indique le passage à la page suivante. Affiche soit une icône représentant « Go » ou le texte « Go » |
enterkeyhint Assistance
enterkeyhint prend désormais en charge à peu près tous les principaux navigateurs, comme indiqué dans le tableau ci-dessous.
Si vous voulez voir la spécification pour enterkeyhint, vous pouvez la trouver ici.