Gibt es einen Gleitkommawert-Eingabetyp in HTML5?

Question

Laut html5.org muss das "value"-Attribut des Eingabetyps "number", wenn es angegeben und nicht leer ist, einen Wert enthalten, der eine gültige Gleitkommazahl ist.

In der neuesten Version von Chrome ist es jedoch einfach nur eine "UpDown"-Steuerung mit Ganzzahlen, nicht mit Fließkommazahlen:

Gibt es ein Gleitkommazahl-Eingabeelement, das in HTML5 integriert ist, oder eine Möglichkeit, den Eingabetyp "number" so zu verwenden, dass er mit Gleitkommazahlen und nicht mit Ganzzahlen funktioniert? Oder muss ich auf ein jQuery UI-Plugin zurückgreifen?

Answer 1

Wenn ich React auf meinem iPad benutze, funktioniert type="number" nicht perfekt für mich. Für meine Gleitkommazahlen im Bereich zwischen 99.99999 - .00000 benutze ich den regulären Ausdruck (^[0-9]{0,2}$)|(^[0-9]{0,2}\.[0-9]{0,5}$). Die erste Gruppe (...) ist wahr für alle positiven zweistelligen Zahlen ohne Dezimalpunkt (z.B. 23), | oder z.B. .12345 für die zweite Gruppe (...). Du kannst es für jede positive Gleitkommazahl übernehmen, indem du einfach den Bereich {0,2} oder {0,5} entsprechend änderst.

Answer 2

Dieses Thema (z.B. step="0.01") bezieht sich auf stepMismatch und wird von allen Browsern wie folgt unterstützt:

Answer 3

Wenn eine der Methoden nicht funktioniert, können Sie parseFloat verwenden.

const totalAmt = document.getElementById("totalAmt");

totalAmt.addEventListener("change", (e)=>{
      // e.preventDefault(e);
      const result = parseFloat(e.target.value);
     console.log(result)
});