step HTML атрибут - крок збільшення/зменшення

Атрибут step визначає допустимі інтервали значень для елементів <input>, контролюючи крок, з яким значення може бути збільшено або зменшено.

Атрибут step використовується з елементами <input type="number|range|date|datetime-local|month|time|week">.

Якщо значення не вказано, значення за замовчуванням для number та range типів становить 1. Для типів дати/часу за замовчуванням є 1 одиниця (наприклад, 1 хвилина, 1 день).

HTML
<input type="number" step="5">

Значення

Значенням атрибута може бути позитивне число (ціле або дробове) або ключове слово any.

число

Визначає крок збільшення/зменшення. Допустимими є лише значення, які є кратними цьому кроку від мінімального значення (або 0, якщо min не вказано).

any

Вказує, що будь-яке значення в межах обмежень min та max є допустимим.

Приклади використання

Результат
<label for="quantity">Кількість (крок 5):</label>
<input type="number" id="quantity" name="quantity" min="0" max="100" step="5" value="0"><br><br>

<label for="volume">Гучність (крок 0.1):</label>
<input type="range" id="volume" name="volume" min="0" max="1" step="0.1" value="0.5"><br><br>

<label for="meeting-time">Час зустрічі (кожні 15 хвилин):</label>
<input type="time" id="meeting-time" name="meeting-time" min="09:00" max="18:00" step="900">
<!-- 900 секунд = 15 хвилин -->

Підтримка браузерів

step

Останнє оновлення: