CSS властивості
ГлавнаяАтрибути HTMLАтрибут max до HTML тега <input>

Атрибут max до HTML тега <input>

121

Встановлює верхнє значення для введення числа або дати в поле форми.

Синтаксис

<input type="number" max="<число>"> <input type="range" max="<число>"> <input type="date" max="<дата>">

Значення

Ціле позитивне чи негативне число (для type="number", type="range").

Дата у форматі РРРР-ММ-ДД (наприклад: 2012-12-22) для type="date".

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>input, атрибут max</title>
</head>
<body> <form action="handler.php"> <p>Вкажіть температуру в градусах Цельсія</p> <input type="number" min="35" max="41" value="36.6" step="0.1"></p>
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег input, атрибут max</title>
</head>
<body> <form action="handler.php"> <p>Сьогодні 1 січня 2145 року. Вкажіть дату вильоту на планету Земля на найближчі сім днів.</p> <p><input type="date" min="2145-01-01" max="2145-01-08" value="2145-01-01"></p>
</form>
</body>
</html>

Результат цього прикладу в браузері Opera показаний на рис. 1.

Обмеження введення дати через атрибут max

Мал. 1. Обмеження введення дати через атрибут max

Браузери

10 12 5 10.62 5.1 16
2.3 16 11 5.2

Браузери

У таблиці браузерів застосовуються такі позначення.

  •  — елемент повністю підтримується браузером;
  •  — елемент браузером не сприймається я й ігнорується;
  •  — під час роботи можлива поява різних помилок або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.

">

Автор та редактори

Автор: Влад Мержевич
Останнє змінення: 11.04.2018
Редактори: Влад Мержевич