HTML-элемент <meter>
преставляет собой скалярное значение в пределах известного диапазона или дробного значения.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Категории контента | Потоковый контент, фразовый контент, контент, ассоциированный с label, явный контент. |
---|---|
Разрешенный контент | Фразовый контент, но среди его потомков не должно быть элемента <meter> . |
Tag omission | Нет, открывающий и закрывающий теги обязательны. |
Разрешенные родители | Любой элемент, который принимает фразовый контент. |
Разрешенные ARIA роли | Нет |
DOM интерфейс | HTMLMeterElement |
Атрибуты
Этот элемент включает в себя глобальные атрибуты.
value
- Текущее числовое значение. Он должен быть между минимальным и максимальным значением (
min
атрибут иmax
атрибут), если они указаны. Если он не указан или имеет неверное значение, значение равно 0. Если указан, но не в пределах диапазона, заданного атрибутамиmin
иmax
, значение будет равно ближайшему концу диапазона.Примечание по использованию: Если атрибутvalue
не находится в диапазоне от0
до1
(включительно), то атрибутыmin
иmax
должны определять диапазон, в котором будет находиться значениеvalue
. min
- Нижняя числовая граница измеряемого диапазона. Он должен быть меньше, чем максимальное значение (
max
атрибут), если указан. Если неопределен, то минимальное значение равно 0. max
- Верхняя числовая граница измеряемого диапазона. Он должен быть больше, чем минимальное значение (
min
атрибут), если указан. Если неопределен, то максимальное значение равно 1. low
- Верхняя числовая граница нижнего предела измеряемого диапазона. Он должен быть больше, чем минимальное значение (
min
атрибут), а также, меньше, чем значение high и максимальное значение(high
атрибут иmax
атрибут, соответственно), если они указаны. Если не указан или меньше минимального значения, то значениеlow
равно минимальному значению. high
- Нижняя числовая граница верхнего предела измеряемого диапазона. Он должен быть меньше, чем максимальное значение (
max
атрибут), а также, больше, чем значение low и минимальное значение (low
атрибут и min атрибут, соответственно), если они указаны. Если не указан или больше максимального значения, то значениеhigh
равно максимальному значению. optimum
- Этот атрибут указывает оптимальное числовое значение. Он должен находиться в пределах диапазона (который определен атрибутами
min
иmax
). При использовании с атрибутамиlow
иhigh
, он указывает какая часть дипазона является предпочтительной. Например, если он находится между атрибутамиmin
иlow
, нижний диапазон является предпочтительным. form
- Этот атрибут связывает элемент с элементом
form
, частью которого является элементmeter
. Например,meter
может отображать диапазон, соответствующий элементуinput
сtype
number. Этот атрибут используется только в случае, если элементmeter
используется как элемент, связанный с формой; даже в этом случае он может быть опущен, если элемент является потомком элементаform
.
Примеры
Простой пример
HTML content
<p>Heat the oven to <meter min="200" max="500"
value="350">350 degrees</meter>.</p>
Output
В Google Chrome, результат будет выглядеть так:
Пример с High и Low диапазоном
Обратите внимание, что в этом примере атрибут min опущен; это разрешено, так как по умолчанию он будет равен 0.
HTML content
<p>He got a <meter low="69" high="80" max="100"
value="84">B</meter> on the exam.</p>
Output
В Google Chrome, результат будет выглядеть так:
Спецификации
Спецификация | Статус | Комментарии |
---|---|---|
HTML Living Standard Определение '<meter>' в этой спецификации. |
Живой стандарт | |
HTML5 Определение '<meter>' в этой спецификации. |
Рекомендация | Первое определение |
Поддержка браузерами
BCD tables only load in the browser
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.