Quoi utiliser au lieu des entrées de numéro

Lors de la collecte de nombres sous un formulaire, vous pouvez d'abord penser à utiliser une boîte d'entrée de nombres. Cependant, cette approche a divers problèmes. Tout d'abord, parfois ce que vous voulez ressemble à un nombre, mais ce n'est pas réellement un nombre (par exemple, un numéro de carte de crédit avec des espaces) car il s'agit vraiment d'une chaîne de chiffres. Plus important encore, il a divers problèmes de lecteur d'écran.

Hanna Laakso a documenté ces problèmes pour Gov.uk. Leur dernière approche est:

<input type="text" inputmode="numeric">

inputmode est excellente et nous y plongeons profondément.

Phil Nash est arrivé presque à la même conclusion et a publié sur le blog Twilio sur la façon d'améliorer l'expérience de l'entrée du code d'authentification à deux facteurs:

<input type="tel" autocomplete="one-time-code">

Le dernier attribut est intéressant et nouveau pour moi. Cela signifie que sur les navigateurs qui le soutiennent, vous pouvez obtenir cette expérience super utile:

Phil a également écrit qu'il existe d'autres valeurs autocomplete :

Il existe de nombreuses valeurs de autocomplete disponibles, couvrant tout, du nom et de l'adresse à la carte de crédit et d'autres détails de compte. Il existe des valeurs de autocomplete qui sont très utiles pour l'enregistrement et la connexion: username , email , new-password , current-password .

Le navigateur et le gestionnaire de mots de passe ont une excellente heuristique pour trouver des formulaires de connexion sur les pages Web, mais l'utilisation de valeurs username et current-password le rend très évident.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!