Элемент | ||||||
<input> | 10+ | 5+ | 10.62+ | Да | 5.1+ | 16+ |
<meter> | 6+ | 11+ | Да | 5.2+ | 16+ | |
<progress> | 10+ | 8+ | 11+ | Да | 6+ | 16+ |
HTML Атрибут max
Атрибут max (от англ. "maximum" ‒ «максимум») указывает максимальное значение элемента:
- для input устанавливает верхнее значение для ввода числа или даты в поле формы;
- для meter задаёт максимальный порог, который может достигать значение;
- для progress указывает верхнюю границу диапазона допустимых значений прогресс бара. То есть данный атрибут указывает значение полного объёма работы требуемого в общей сложности для завершения задачи.
Примечание: Если вместе с атрибутом max использовать атрибут min, то можно задавать диапазоны значений, разрешенные для ввода.
Синтаксис
<input type="..." max="[значение]">
<progress max="[значение]">...</progress>
<meter max="[значение]" value="...">...</meter>
Примечание: Атрибуты max и min применяется только к следующим типам элемента input: number, range, date, datetime, datetime-local, month, time and week.
Значения
- для input — целое положительное или отрицательное число (для type="number", type="range"). Дата в формате ГГГГ-ММ-ДД (например: 2017-12-22) для type="date";
- для meter — целое или дробное число. Обязательно должно соблюдаться условие min ≤ value ≤ max;
- для progress — любое допустимое неотрицательное число с плавающей точкой (включая «0»).
Значение по умолчанию
- для input — нет;
- для meter — 1;
- для progress — 1.0.
Применяется к тегам
Элемент | Атрибут |
---|---|
<input> | max |
<meter> | max |
<progress> | max |
Различия между HTML 4.01 и HTML5
Атрибут считается новым в HTML 5.
Примеры использования:
Атрибут max (Элемент <input>)
Пример HTML:
Попробуй сам<form action="action_form.php">
Введите дату до 2000-01-01:
<input type="date" name="day_1" max="1999-12-31">
Введите дату после 2000-01-01:
<input type="date" name="day_2" min="2000-01-02">
Величина (между 5 and 10):
<input type="number" name="quantity" min="5" max="10">
<input type="submit">
</form>
Атрибут max (Элемент <progress>)
Атрибут max (Элемент <meter>)
Спецификации
Спецификация | Статус |
---|---|
HTML5 (W3C) | Рекомендация (input-max) |
HTML5 (W3C) | Рекомендация (progress-max) |
HTML5 (W3C) | Рекомендация (meter-max) |
HTML 5.1 (W3C) | Рекомендация (input-max) |
HTML 5.1 (W3C) | Рекомендация (progress-max) |
HTML 5.1 (W3C) | Рекомендация (meter-max) |
Поддержка браузерами
Учебник HTML
HTML уроки: HTML Атрибуты
