Force decimal point instead of comma in HTML5 number input (client-side)

by

With the step attribute specified to the precision of the decimals you want, and the lang attribute [which is set to a locale that formats decimals with period], your html5 numeric input will accept decimals. eg. to take values like 10.56; i mean 2 decimal place numbers, do this:

<input type="number" step="0.01" min="0" lang="en" value="1.99">

You can further specify the max attribute for the maximum allowable value.

Edit
Add a lang attribute to the input element with a locale value that formats decimals with point instead of comma

More Related Contents:

  1. How can I make the HTML5 number field display trailing zeroes?
  2. How can I set max-length in an HTML5 “input type=number” element?
  3. Why does the html input with type “number” allow the letter ‘e’ to be entered in the field?
  4. How to make HTML input tag only accept numerical values?
  5. Is there any way to prevent input type=”number” getting negative values?
  6. Make Input Type=”Password” Use Number Pad on Mobile Devices
  7. HTML5 input box with type=”number” does not accept comma in Chrome browser
  8. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  9. Hide scroll bar, but while still being able to scroll
  10. Can I hide the HTML5 number input’s spin box?
  11. Do checkbox inputs only post data if they’re checked?
  12. Change default text in input type=”file”?
  13. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  14. Having Google Chrome repeat table headers on printed pages
  15. Why does my “oninvalid” attribute let the pattern fail?
  16. HTML input type=”number” still returning a string when accessed from javascript
  17. Tab Index on div
  18. local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
  19. Why cannot change checkbox color whatever I do? [duplicate]
  20. Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing
  21. Html Video player plays sound but not video
  22. Remove background arrow from date input in Google Chrome v20
  23. canvas default size
  24. Chrome: Automatic shift of web elements
  25. How to fix “insecure content was loaded over HTTPS, but requested an insecure resource”
  26. How do I trigger an HTML button when the “Enter” key is pressed in a textbox?
  27. How to get rid of x and up/down arrow elements of a input date?
  28. Is it possible to select multiple elements in the Chrome Developer Tools Elements panel?
  29. Select size attribute size not working in Chrome/Safari?
  30. Make input element (type=”text”) handle multiple lines of text

Leave a Comment