Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


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 — целое или дробное число. Обязательно должно соблюдаться условие minvalue 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>)

Пример HTML:

Попробуй сам
<progress value="85" max="100">85%</progress>

Атрибут max (Элемент <meter>)

Пример HTML:

Попробуй сам
<meter min="0" low="30" high="80" max="100" value="95"></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)

Поддержка браузерами

Элемент
<input> 10+ 5+ 10.62+ Да 5.1+ 16+
<meter> 6+ 11+ Да 5.2+ 16+
<progress> 10+ 8+ 11+ Да 6+ 16+

Учебник HTML

HTML уроки: HTML Атрибуты


Kwork.ru - услуги фрилансеров от 500 руб.