Атрибут max

Устанавливает верхнее значение для ввода числа или даты в поле формы.

Синтаксис

<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

Браузеры

1012510.625.116
2.316115.2

Браузеры

В таблице браузеров применяются следующие обозначения.

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

Число указывает версию браузреа, начиная с которой элемент поддерживается.

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

Автор: Влад Мержевич
Последнее изменение: 11.04.2018
Редакторы: Влад Мержевич
Как научиться разрабатывать сайты