Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1264 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°2345120
rufo
Pas me confondre avec Lycos!
Posté le 24-01-2020 à 11:35:59  profilanswer
 

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
mood
Publicité
Posté le 24-01-2020 à 11:35:59  profilanswer
 

n°2345122
rat de com​bat
attention rongeur méchant!
Posté le 24-01-2020 à 11:48:05  profilanswer
 

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. ;)

n°2345123
flo850
moi je
Posté le 24-01-2020 à 11:48:07  profilanswer
 

mets un max="999999"


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

n°2345139
David Bori​ng
Posté le 24-01-2020 à 12:34:18  profilanswer
 
n°2345146
rufo
Pas me confondre avec Lycos!
Posté le 24-01-2020 à 13:35:07  profilanswer
 

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
n°2345147
rufo
Pas me confondre avec Lycos!
Posté le 24-01-2020 à 13:38:17  profilanswer
 


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
n°2345148
rufo
Pas me confondre avec Lycos!
Posté le 24-01-2020 à 13:38:45  profilanswer
 

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
n°2349524
alainpre
Posté le 25-03-2020 à 18:33:08  profilanswer
 

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" />

n°2349528
rufo
Pas me confondre avec Lycos!
Posté le 25-03-2020 à 19:02:20  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
[noob] Les évènement type onXXX n'est pas détecté sur Android ?Puisssance d'un nombre(fonction récursive)
Fonction mail() de PHP avec plusieurs serveurs SMTPExcel VBA : fonction indiquant #value au démarrage
[Python] Exercice nombre premiers et fonction seuilAfficher / masquer div en fonction d'une liste déroulante (jQuery/JS)
Configurateur de cuisine type IKEA[RESOLU] petite aide appel fonction powershell
Petit script clavier virtuelFormatage de la sortie d'impression numérique
Plus de sujets relatifs à : Forcer le clavier numérique en fonction d'un input type


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR