html5 entrée pour argent / devise

Je semble incapable de trouver quoi utiliser pour accepter des valeurs monétaires sur un formulaire.

J’ai essayé…

 

Mais cela ne permettra pas les entrées de pence.

Je veux que le bouton de contrôle incrémental monte en kilos, mais je veux tout de même pouvoir entrer en mode pence.

Qui voudrait utiliser un bouton incrémentiel déplacé 1p à la fois?

J’utilise peut-être un mauvais contrôle, mais je ne trouve pas de contrôle monétaire / monétaire?

Quelqu’un peut-il s’il vous plaît conseiller la meilleure façon d’accepter les valeurs monétaires (y compris les virgules, les décimales et le symbole monétaire) en utilisant HTML5?

Merci, 1DMF

Pour autoriser les fractions (cents) sur une entrée de numéro HTML5, vous devez spécifier l’atsortingbut “step” à = “any”:

  

Cela empêchera spécifiquement Chrome d’afficher une erreur lorsqu’une devise décimale / fractionnaire est entrée dans l’entrée. Mozilla, IE, etc … ne vous trompez pas si vous oubliez de spécifier step="any" . W3C spécifie que step = “any” devrait en effet être nécessaire pour tenir compte des décimales. Donc, vous devriez certainement l’utiliser.

En outre, la saisie des numéros est désormais largement prise en charge (> 90% des utilisateurs).

Essayez d’utiliser step="0.01" , puis vous passerez à la vitesse supérieure.

par exemple:

  

Eh bien à la fin, j’ai dû faire des compromis en implémentant une solution HTML5 / CSS, renonçant aux boutons d’incrémentation dans IE (de toute façon ils sont un peu cassés dans FF!), Mais obtenant une validation de nombre que le spinner JQuery ne fournit pas. Bien que j’ai dû aller avec un pas de nombres entiers.

 span.gbp { float: left; text-align: left; } span.gbp::before { float: left; content: "\00a3"; /* £ */ padding: 3px 4px 3px 3px; } span.gbp input { width: 280px !important; }