HTML числовой ввод: как разрешить десятичные числа с шагом = 1

Question

Для ввода числа, есть ли способ, чтобы step=1 позволял пользователю вводить десятичные числа?

Причина в том, что я хочу, чтобы стрелки на поле ввода увеличивали / уменьшали значение на 1, но позволяют пользователю вводить десятичные дроби, если они хотят быть более точными c.

На данный момент у меня есть:

<input type="number" name="price" placeholder="£" step="1" id="id_price">

Стрелки работают, как и предполагалось, но я получаю например, ошибка проверки, если введено значение 2.99. Удаление шага позволяет вводить десятичные дроби, но теперь стрелки увеличиваются / уменьшаются только на 0,01.

Я склоняюсь к решению Javascript, но мне просто интересно, какое решение было лучшим. Есть ли другой вариант или существующая библиотека?

Answer 1

<input type="number" step="any"> шаг любой позволяет пользователю также вводить десятичную дробь и увеличивать на 1.

Answer 2

Попробуйте что-то вроде этого: <input type="number" step="0.01"> и скажите, работает ли он.