<meter>: Элемент HTML Meter

Элемент <meter> HTML представляет либо скалярное значение в известном диапазоне, либо дробное значение.

Этот элемент включает глобальные атрибуты.

Текущее значение

Текущее числовое значение. Оно должно быть между минимальным и максимальным значениями (атрибут min и атрибут max) в случае их указания. Если не указано или имеет неправильный формат, значение равно 0. Если указано, но не находится в диапазоне, заданном атрибутом min и атрибутом max, значение равно ближайшему краю диапазона.

Примечание: Если атрибут value находится между 0 и 1 (включительно), атрибуты min и max должны определять диапазон, чтобы значение атрибута value находилось в нём.

Минимальное значение

Нижняя числовая граница измеряемого диапазона. Она должна быть меньше максимального значения (атрибут max), если указано. Если не указано, минимальное значение равно 0.

Максимальное значение

Верхняя числовая граница измеряемого диапазона. Она должна быть больше минимального значения (атрибут min), если указано. Если не указано, максимальное значение равно 1.

Нижняя граница низкого диапазона

Верхняя числовая граница низкого конца измеряемого диапазона. Она должна быть больше минимального значения (атрибут min) и меньше значения верхнего диапазона и максимального значения (соответственно, атрибуты high и max), если они указаны. Если не указано или меньше минимального значения, значение low равно минимальному значению.

Верхняя граница высокого диапазона

Нижняя числовая граница высокого конца измеряемого диапазона. Она должна быть меньше максимального значения (атрибут max) и больше значения нижнего диапазона и минимального значения (соответственно, атрибуты low и min), если они указаны. Если не указано или больше максимального значения, значение high равно максимальному значению.

Оптимальное значение

Этот атрибут указывает оптимальное числовое значение. Оно должно находиться в диапазоне (как определено атрибутами min и max). В сочетании с атрибутами low и high он указывает, где на диапазоне предпочтительно находится значение. Например, если оно находится между атрибутом min и атрибутом low, то предпочтительнее нижний диапазон. Браузер может по-разному окрашивать шкалу измерителя в зависимости от того, меньше или равно значение оптимальному значению.

Владелец формы

Этот необязательный атрибут используется для явного задания владельца формы <form> для элемента <meter>. Если опущен, элемент <meter> связан с предковым элементом <form> или с ассоциацией форм, установленной атрибутом form в другом предковом элементе, например, в <fieldset>, если он есть. Если указано, значение должно быть идентификатором id элемента <form> в том же дереве.

HTML

<p>Battery level: <meter min="0" max="100" value="75">75%</meter></p>

Результат

Обратите внимание, что в этом примере атрибут min опущен. Это разрешено, так как он по умолчанию равен 0.

HTML

<p>
  Student's exam score:
  <meter min="0" low="50" high="80" max="100" value="84">84%</meter>
</p>

Результат

• Создание вертикальных элементов управления формами
• <progress>
• ::-webkit-meter-bar, ::-webkit-meter-inner-element, ::-webkit-meter-even-less-good-value, ::-webkit-meter-optimum-value, ::-webkit-meter-suboptimum-value: нестандартные псевдоэлементы