Как изменить шаг в input type=number

Изменить шаг в  input type=number очень просто, достаточно его прописать с помощью атрибута step:

<input type="number" name="input_name" step="0.01">

В данном примере по нажатию на стрелки input будет переключаться с шагом в одну сотую.

Дробный шаг в одну десятую:

<input type="number" name="input_name" step="0.1">

Можно указывать и не дроби, к примеру если указать step="2", то input будет переключаться только по четным числам:

<input type="number" name="input_name" step="2">

Если этот атрибут не указывать, по умолчанию  шаг = 1. 

Все эти коды не проверяют на то, что пользователь вручную может ввести любое число, для этого нужна отдельная проверка!

Комментарии

Комментариев пока нет, вы можете оставить свой: