Атрибут max тега | HTML справочник
HTML тег <input>Значение и применение
Атрибут max (HTML тега <input>) определяет максимальное значение для элемента (значение может быть как числовым, так и в виде даты).
Используйте атрибут max вместе с атрибутом min (минимальное значение для элемента), чтобы создать диапазон допустимых значений.
Поддержка браузерами
| Атрибут | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| max | Да | Да | Да | Да | 10.0 | Да |
Обратите внимание на то, что в настоящее время не все браузеры поддерживают следующие типы (атрибут type) элемента <input>:
| Значение | Chrome | Firefox | Opera | Safari | IExplorer | Edge |
|---|---|---|---|---|---|---|
| date | 20.0 | Нет | 10. 1 | Нет | 12.0 | |
| datetime-local | 20.0 | Нет | 10.1 | Нет | Нет | 13.0 |
| month | 20.0 | Нет | 10.1 | Нет | Нет | 12.0 |
| time | 20.0 | Нет | 10.1 | Нет | Нет | 13.0 |
| week | 20.0 | Нет | 10.1 | Нет | Нет | 12.0 |
| number | 6.0 | 29.0 | 10.1 | 5.0 | 10.0 | 12.0 |
| range | 4.0 | 23.0 | 10.1 | 3.1 | 10.0 | 12.0 |
Синтаксис:
<input max = "number | date">
Значения атрибута
| Значение | Описание |
|---|---|
| number | Указывает максимальное допустимое числовое значение. |
| date | Указывает максимальное допустимое значение даты. |
Отличия HTML 4.
01 от HTML 5 Атрибут max считается новым в HTML 5.Пример использования
<!DOCTYPE html> <html> <head> <title>Использование атрибутов min и max HTML тега <input></title> </head> <body> <form> <!-- создаем форму --> <label>Туда (от 1 по 10 января 2018): <input type = "date" name = "tudy" min = "2018-01-01" max = "2018-01-10"></label><br> <!-- элемент управления для ввода даты --> <label>Обратно (от 11 по 20 февраля 2018): <input type = "date" name = "syudy" min = "2018-02-11" max = "2018-02-20"></label><br> <!-- элемент управления для ввода даты --> <label>Трезвых пассажиров (от 1 до 5): <input type = "number" name = "alcoFree" min = "1" max = "5"></label><br><br> <!-- элемент управления для ввода числового значения --> <input type = "submit" value = "отправить" formaction = "script.php"> <!-- элемент управления для отправки формы --> </form> </body> </html>
В данном примере мы создали форму (HTML тег <form>).
Внутри формы мы поместили два элемента управления <input>, которые позволяют установить дату, один элемент, который позволяет установить число и один элемент, который позволяет отправить нашу форму.
Для элемента с числовым типом и элемента управления для ввода даты атрибутами min и max установили диапазон допустимых значений для ввода числа, и дат.
Кроме того, для элемента, который позволяет отправить форму атрибутом formaction указали URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (script.php).
Результат нашего примера:
Пример использования атрибутов min и max HTML тега <input>HTML тег <input>Атрибут HTML: min — HTML: язык разметки гипертекста
Атрибут min определяет минимальное значение, приемлемое и допустимое для входных данных, содержащих этот атрибут. Если значение элемента меньше этого значения, элемент не проходит проверку.
Это значение должно быть меньше или равно значению атрибута max .
Некоторые типы ввода имеют минимум по умолчанию. Если вход не имеет минимума по умолчанию и значение указано для мин. , которые не могут быть преобразованы в действительное число (или минимальное значение не установлено), вход не имеет минимального значения.
Он действителен для типов ввода, включая: дату, месяц, неделю, время, локальную дату и время, числа и диапазоны, а также элемент .
Синтаксис
| Тип входа | Синтаксис | Пример |
|---|---|---|
| дата | гггг-мм-дд | |
| месяц | гггг-мм | |
| неделя | гггг-W## | |
| время | чч:мм | <тип ввода="время" мин="09:00" шаг="900"> |
| дата-время-местный | гггг-мм-ддTчч:мм | |
| номер | <номер> | |
| диапазон | <номер> | |
Примечание: Если данные, введенные пользователем, не соответствуют установленному минимальному значению, значение считается недействительным при проверке ограничения и будет соответствовать :недействительно и :вне диапазона псевдоклассы.
См. Проверка на стороне клиента и rangeUnderflow для получения дополнительной информации.
Для элемента атрибут min определяет нижнюю числовую границу измеряемого диапазона. Это значение должно быть меньше минимального значения (атрибут max ), если оно указано. В обоих случаях, если он опущен, значение по умолчанию равно 1.
| Тип входа | Синтаксис | Пример |
|---|---|---|
<метр> | <номер> | <метр min="0" max="100" низкий="33" высокий="66"
оптимальное значение = "80" значение = "40"> при 40/100 |
Влияние на шаг
Значение min и шаг определяют допустимые значения, даже если атрибут шаг не включен, так как шаг по умолчанию равен 5 05.
Мы добавляем большую красную рамку вокруг недопустимых входных данных:
ввод: неверный {
граница: сплошная красная 3 пикселя;
}
Затем определите вход с минимальным значением 7,2, опуская атрибут шага, где по умолчанию он равен 1.
Поскольку шаг по умолчанию равен 1, допустимые значения включают 8.2 , 9.2 и т. д. Значение 8 недопустимо. Поскольку мы включили недопустимое значение, поддерживающие браузеры отобразят это значение как недопустимое.
Если не указано явно, шаг по умолчанию равен 1 для числа и диапазона и 1 типу единиц (секунда, неделя, месяц, день) для типов ввода даты/времени.
Предоставьте инструкции, чтобы помочь пользователям понять, как заполнять форму и использовать отдельные элементы управления формы. Укажите все обязательные и необязательные входные данные, форматы данных и другую соответствующую информацию.
При использовании атрибута min убедитесь, что это минимальное требование понятно пользователю. Предоставление инструкций в течение <метка> может быть достаточно. При предоставлении инструкций вне меток, что обеспечивает более гибкое позиционирование и дизайн, рассмотрите возможность использования aria-labeledby или aria-describedby .
| Спецификация | |
|---|---|
| HTML Стандарт # MIN-MAX-ATTRIBUTE .вход.мин Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.html.elements.meter.minТаблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.
Обнаружили проблему с содержанием этой страницы?
Хотите принять более активное участие? Узнайте , как внести свой вклад. Последний раз эта страница была изменена участниками MDN. Как установить минимальное и максимальное значение для элемента ввода в HTML5?Улучшить статью Сохранить статью
Улучшить статью Сохранить статью В этой статье мы узнаем, как установить минимальное и максимальное значение для элемента ввода с помощью HTML минимальный и максимальный атрибут. Подход: Это можно реализовать с помощью атрибутов min и max :
Вместе эти параметры можно использовать для указания диапазона чисел, которые могут быть приняты в качестве входных данных. Обратите внимание, что эти атрибуты работают только с типом ввода число и дата . Синтаксис: Пример: В этом примере мы использовали два ввода с разными типами ввода, один из которых является числом тип, а другой тип даты. Минимальный и максимальный диапазон числа составляет от 1 до 100, а даты — с 01-01-2020 по 01-01-2021.
Выход: Далее. |
rangeUnderflow 
Это запрещает входному элементу принимать значения ниже минимального или выше максимального.
