Forcer le clavier numérique en fonction d'un input type

Forcer le clavier numérique en fonction d'un input type - HTML/CSS - Programmation

Marsh Posté le 24-01-2020 à 11:35:59    

Bonjour,
Pour un logiciel web qui va tourner sur une tablette tactile windows 10, je cherche à savoir si y'a moyen de forcer le type de clavier pour certains champs "input" en pure HTML. J'ai bien vu qu'il y avait le type "number" mais c'est pas top, ça m'amène plusieurs pbs :
- le champ se rallonge beaucoup car ne tient pas compte de l'attribut size". Du coup, ça me fout en l'air la mise en page à certains endroits. Y'a bien la solution de forcer un width mais bon, c'est chiant à rajouter partout où j'en ai besoin.
- ça ne bloque pas le nb de caractères max car ça tient pas compte de l'attribut maxlength. J'ai essayé l'attribut pattern en mettant "({1,3}[0-9])" pour limiter à 3 chiffres, mais ça n'a pas l'air d'être pris en compte :( Et les attributs min et max influent sur la valeur mais pas quand elle est saisie manuellement.
 
Y'a le type "tel" mais apparemment ça peut amener d'autres pbs.
 
Du coup, une idée ?
 
Merci :jap:


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-01-2020 à 11:35:59   

Reply

Marsh Posté le 24-01-2020 à 11:48:05    

J'y connais rien :o , mais si ceci
>({1,3}[0-9])
marche comme les expressions rationnelles il faut inverser: [0-9]{1,3}
 
PS: J'ai pas oublié ton MP, j'y reviendrai. ;)

Reply

Marsh Posté le 24-01-2020 à 11:48:07    

mets un max="999999"


---------------

Reply

Marsh Posté le 24-01-2020 à 12:34:18    

Reply

Marsh Posté le 24-01-2020 à 13:35:07    

rat de combat a écrit :

J'y connais rien :o , mais si ceci
>({1,3}[0-9])
marche comme les expressions rationnelles il faut inverser: [0-9]{1,3}
 
PS: J'ai pas oublié ton MP, j'y reviendrai. ;)


J'ai essayé les 2 regexp sans plus de succès :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-01-2020 à 13:38:17    


Oui, j'ai vu cette astuce mais à tous les coups, ça ne va pas marcher sur tous les navigateurs (Edge, Firefox, Chrome et Safari).
 
Edit : correction, ça va faire disparaître des up/down mais ça ne résout en rien le pb du nb max de caractères car les attributs "size" et "maxlength" ne sont pas pris en compte. C'est quand même très bête.


Message édité par rufo le 24-01-2020 à 13:42:41

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 24-01-2020 à 13:38:45    

flo850 a écrit :

mets un max="999999"


Ca marche en saisie avec les up/down met pas en saisie manuelle :(


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 25-03-2020 à 18:33:08    

Ajouter le type "number" à la balise HTML me parait être la seule solution.
Pour ce qui est de la dimension, tu peux utiliser du css :
 

<input type="number" style="width:80px" value="100" />

Reply

Marsh Posté le 25-03-2020 à 19:02:20    

C'est quand même très con que le type "number" ne tienne pas compte de l'attribut "size". :/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed