HTML5 Number Input - Always show 2 decimal places
Is there's any way to format an input[type='number']
value to always show 2 decimal places?
Example: I want to see 0.00
instead of 0
.
Solution 1:
Solved following the suggestions and adding a piece of jQuery to force the format on integers:
parseFloat($(this).val()).toFixed(2)
Solution 2:
You can't really do this just with HTML, but you a halfway step might be:
<input type='number' step='0.01' value='0.00' placeholder='0.00' />
Solution 3:
Using the step
attribute will enable it. It not only determines how much it's supposed to cycle, but the allowable numbers, as well. Using step="0.01"
should do the trick but this may depend on how the browser adheres to the standard.
<input type='number' step='0.01' value='5.00'>