UX Ajouter et gérer un paramètre inputmode sur les saisies input
Cet attribut permet de définir une regex des caractères acceptées, ce qui permet :
- aux smartphones de proposer un clavier avec un nombre de caractères réduits,
- de déclencher automatiquement les pseudo selecteurs :valid / :invalid et encore mieux les :user-valid / :user-invalid
- de déclencher aussi une validation au moment de la soumissio, une info bulle du navigateur apparait sur le champ si le format n'est pas bon, qui empêche de valider le formulaire.
Typiquement, un <input type="number">
sur smartphone va afficher un input avec deux fleches pour augmenter / diminuer la valeur.
Pour les quantités dans un panier, ok, mais pour une saisie de nombres qui ne sont pas censés être gérés par incrémentation (un code postal par exemple), utiliser <input type="text" inputmode="[0-9]*">
sera beaucoup plus pertinent.
Pour un prix, <input type="text" inputmode="[0-9\.]*">
ou [0-9,]
selon qu'on veuille gérer les points ou les virgules pour les décimaux.
Source : https://adactio.com/journal/19842
Il y a aussi l'attribut autocomplete
qui peut prendre current-password
ou new-password
et qui déclenche des comportements différents (notamment avec les passwords manager) mais ça ne concerne pas directement (pas que) saisies.
D'autres points intéressants dans l'article mais pas faciles à appliquer dans saisies.