From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/ru/web/html/element/meter/index.html | 139 +++++++++++++++++++++++++++++ 1 file changed, 139 insertions(+) create mode 100644 files/ru/web/html/element/meter/index.html (limited to 'files/ru/web/html/element/meter/index.html') diff --git a/files/ru/web/html/element/meter/index.html b/files/ru/web/html/element/meter/index.html new file mode 100644 index 0000000000..1fdcc828ae --- /dev/null +++ b/files/ru/web/html/element/meter/index.html @@ -0,0 +1,139 @@ +--- +title: +slug: Web/HTML/Element/meter +tags: + - Формы + - прогресс +translation_of: Web/HTML/Element/meter +--- +
{{HTMLRef}}
+ +

HTML-элемент <meter>  преставляет собой скалярное значение в пределах известного диапазона или дробного значения.

+ +
{{EmbedInteractiveExample("pages/tabbed/meter.html", "tabbed-shorter")}}
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Категории контентаПотоковый контент, фразовый контент, контент, ассоциированный с  label, явный контент.
Разрешенный контентФразовый контент, но среди его потомков не должно быть элемента <meter>.
Tag omission{{no_tag_omission}}
Разрешенные родителиЛюбой элемент, который принимает фразовый контент.
Разрешенные ARIA ролиНет
DOM интерфейс{{domxref("HTMLMeterElement")}}
+ +

Атрибуты

+ +

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

+ +
+
{{htmlattrdef("value")}}
+
Текущее числовое значение. Он должен быть между минимальным и максимальным значением (min атрибут и max атрибут), если они указаны. Если он не указан или имеет неверное значение, значение равно 0. Если указан, но не в пределах диапазона, заданного атрибутами min и max, значение будет равно ближайшему концу диапазона. +
Примечание по использованию: Если атрибут value не находится в диапазоне от  0 до 1 (включительно), то атрибуты min и max должны определять диапазон, в котором будет находиться значение  value.
+
+
{{htmlattrdef("min")}}
+
Нижняя числовая граница измеряемого диапазона. Он должен быть меньше, чем максимальное значение (max атрибут), если указан. Если неопределен, то минимальное значение равно 0.
+
{{htmlattrdef("max")}}
+
Верхняя числовая граница измеряемого диапазона. Он должен быть больше, чем минимальное значение (min атрибут), если указан. Если неопределен, то максимальное значение равно 1.
+
{{htmlattrdef("low")}}
+
Верхняя числовая граница нижнего предела измеряемого диапазона. Он должен быть больше, чем минимальное значение (min атрибут), а также, меньше, чем значение high и максимальное значение(high атрибут и max атрибут, соответственно), если они указаны. Если не указан или меньше минимального значения, то значение low равно минимальному значению.
+
{{htmlattrdef("high")}}
+
Нижняя числовая граница верхнего предела измеряемого диапазона. Он должен быть меньше, чем максимальное значение (max атрибут), а также, больше, чем значение low и минимальное значение (low атрибут и min атрибут, соответственно), если они указаны. Если не указан или больше максимального значения, то значение high равно максимальному значению.
+
{{htmlattrdef("optimum")}}
+
Этот атрибут указывает оптимальное числовое значение. Он должен находиться в пределах диапазона (который определен атрибутами min и max). При использовании с атрибутами low и high, он указывает какая часть дипазона является предпочтительной. Например, если он находится между атрибутами min и low, нижний диапазон является предпочтительным.
+
{{htmlattrdef("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

+ +

{{EmbedLiveSample("Simple_example", 300, 60)}}

+ +

В Google Chrome, результат будет выглядеть так:

+ +

meter1.png

+ +

Пример с 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

+ +

{{EmbedLiveSample("High_and_Low_range_example", 300, 60)}}

+ +

В Google Chrome, результат будет выглядеть так:

+ +

meter2.png

+ +

Спецификации

+ + + + + + + + + + + + + + + + + + + + + +
СпецификацияСтатусКомментарии
{{SpecName('HTML WHATWG', 'forms.html#the-meter-element', '<meter>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'forms.html#the-meter-element', '<meter>')}}{{Spec2('HTML5 W3C')}}Первое определение
+ +

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

+ + + +

{{Compat("html.elements.meter")}}

+ +

Смотрите также

+ + -- cgit v1.2.3-54-g00ecf