pour activer le point dans l'entrée du clavier html

Question

Je suis en train de concevoir un site web. Traiter une page HTML où un utilisateur entre des nombres décimaux. Disons que je vais demander leur hauteur et il doit y entrer 5,6 pieds. Le problème que j'ai est le format d'entrée sur le clavier Android. Mon code pour le format d'entrée est:

<input type="number" lang="en-150" id="height1" name="total" value="" placeholder="In feet"> 

Maintenant, lorsque le clavier Android apparaît, il ne contient pas le point au lieu qu'il ne contient que des numéros 1,2,3, ..., 9,0 (.). Ainsi, l'utilisateur ne peut pas entrer à la place 56. 5.6

J'ai aussi utilisé:

type="number" lang="en-150" 

et:

type="number" step="0.01" 

et:

type="decimal" 

Malgré tout, le clavier est toujours simple. J'ai également vérifié le flux de la pile et les codes sur d'autres forums mais rien ne m'aide.

Answer 1

Vous pouvez le faire avec:

<form action=""> 
 
    <input id="height1" type="text" name="total" pattern="[0-9]+(\.([0-9]+)?)?" value="" placeholder="In feet"> 
 
    <input type="submit"> 
 
</form>

Cependant, l'utilisateur peut insérer un caractère après la validation

Pour résoudre ce problème, vous aurez besoin d'utiliser javascript et vérifier avant keyDown click