Клавиша / esc

Атрибут step

Время чтения: меньше 5 мин

Это незавершённая статья. Вы можете помочь её закончить! Почитайте о том, как контрибьютить в Доку.

Кратко

Скопировано

Атрибут 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 можно указать инструкции по заполнению поля.