HTML float number for Input min attribute

Question

I have this short example

<input value="2" min="0.1" max="1000" type="number" />

The input with: min=0.1 max=1000 value=2 step=1 The problem is: If I click on up arrow (pseudo-element for number type=number) - the input value becames 2.1 and then 3.1 WHY does it add 0.1 on the first click? And if you change 3.1 to 3 and click up arrow you still see 3.1 and 4.1 on the second click

It works for float min number only. If min is 0 or something else (int number) everything works fine — antollika
– antollika, Commented Nov 16, 2021 at 14:12
developer.mozilla.org/en-US/docs/Web/HTML/Attributes/…: "The value of min and step define what are valid values" Your minimum is specified as 0.1, and only values that satisfy min + x * step are considered valid (with x being an integer greater-equal 0.) — C3roe
– C3roe, Commented Nov 16, 2021 at 14:18

MJK618 · Accepted Answer · 2021-11-16 14:21:01Z

1

Adding step attribute solves the problem

<input value="2" min="0.1" max="1000" step="0.1" type="number" />

answered Nov 16, 2021 at 14:21

MJK618

1693 gold badges5 silver badges15 bronze badges

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

1 Comment

antollika Over a year ago

But I need step="1". And in this way it does not work

Nokbeondev · Accepted Answer · 2022-08-31 01:14:11Z

0

You can use js like below.

$(this).off('input').on('input',function(e){
  var value = $(this).val();
  var regExp = /^\d{0,10}(\.\d{0,1})?$/;
  if(!regExp.test(this.value)){
    $(this).val(value.substring(0,value.length-1));
  }
});

You can also control length of input or max/min for float. Don't forget to change this to your input tag name. Good luck! :)

answered Aug 31, 2022 at 1:14

Nokbeondev

112 bronze badges

Collectives™ on Stack Overflow

HTML float number for Input min attribute

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related