input number in html that is not an integer

Question

I have a div where I want the user to input a number that is between 0.05 and 0.5. I did it this way:

<input id="TS_dist" class="tableButton" type="number" maxlength="1" size="5" value="0.2" />

The problem is that when I am puting a value I cannot use the zero, it is not working, the . is not either. Only 1-9 numbers are accepted.

My browser is firefox.

Do you have any idea what I am doing wrong?

Thanks

the first thing you're doing wrong is not defining your own requirements. For example, is 0.1234567890000 between 0.05 & 0.5, or not? and how about 0.050000? — Amit
– Amit, Commented Aug 10, 2015 at 11:54

Curtis · Accepted Answer · 2015-08-10 11:55:14Z

1

By default the value increases/decreases by 1. Add a step attribute to change this behaviour:

<input step="0.05" id="TS_dist" class="tableButton" type="number" maxlength="1" size="5" value="0.2" />

answered Aug 10, 2015 at 11:55

Curtis

104k69 gold badges280 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brais López Yáñez · Accepted Answer · 2015-08-10 11:54:23Z

0

Try adding, step="any" in this input.

answered Aug 10, 2015 at 11:54

4704 silver badges13 bronze badges

user4890314 · Accepted Answer · 2015-08-10 11:59:40Z

0

add step=0.1on <input> field that will work

answered Aug 10, 2015 at 11:59

user4890314