Атрибут step

Атрибут step устанавливает шаг изменения значения тега <input>.

Атрибут step можно применить к тегам <input> со следующими значениями атрибута type:

• date, значение по умолчанию 1 день;
• month, значение по умолчанию 1 месяц;
• week, значение по умолчанию 1 неделя;
• time, значение по умолчанию 60 секунд;
• datetime-local, значение по умолчанию 1 секунда;
• number, значение по умолчанию 1;
• range, значение по умолчанию 1.

Значением атрибута step может быть положительное число с плавающей точкой или ключевое слово any, которое означает любое число.

Атрибут step можно использовать вместе с атрибутами:

• min — устанавливает минимальное значение диапазона;
• max — устанавливает максимальное значение диапазона.

В этом примере числовое поле может принимать значения от 1 до 10 с интервалом 0.5:

        
          
          <form>  <input type="number" step="0.5" min="1" max="10">  <button>Отправить</button><form>
          <form>
  <input type="number" step="0.5" min="1" max="10">
  <button>Отправить</button>
<form>

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

Чтобы пользователю было удобнее взаимодействовать с интерфейсом, к тегу <input> с атрибутом step можно указать инструкции по заполнению поля.