Встановлює верхнє значення для введення числа або дати в поле форми.
Синтаксис
<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.
Мал. 1. Обмеження введення дати через атрибут max
Браузери
10 | 12 | 5 | 10.62 | 5.1 | 16 |
2.3 | 16 | 11 | 5.2 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається я й ігнорується;
- — під час роботи можлива поява різних помилок або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
">Автор та редактори
Останнє змінення: 11.04.2018
Редактори: Влад Мержевич