Пример
Используйте элемент meter для измерения данных в заданном диапазоне (датчик):
<label for="disk_c">Использование диска C:</label>
<meter id="disk_c" value="2"
min="0" max="10">от 2 до 10</meter><br>
<label for="disk_d">Использование диска D:</label>
<meter id="disk_d" value="0.6">60%</meter>
Попробуйте сами »
Определение и использование <meter>
Тег <meter>
определяет скалярное измерение в пределах известного диапазона или дробное значение. Это также известно как датчик.
Примеры: использование диска, релевантность результата запроса и т.д.
Примечание: Тег <meter>
не должен использоваться для обозначения progress (как в индикаторе progress). Для индикаторов выполнения используйте тег <progress>.
Совет: Всегда добавляйте тег <label> для лучших практик доступности!
Поддержка браузеров <meter>
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает данный элемент.
Элемент | |||||
---|---|---|---|---|---|
<meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
Атрибуты <meter>
Атрибут | Значение | Описание |
---|---|---|
form | form_id | Указывает, к какой форме принадлежит элемент <meter> |
high | number | Указывает диапазон, который считается высоким значением |
low | number | Указывает диапазон, который считается низким значением |
max | number | Задает максимальное значение диапазона |
min | number | Задает минимальное значение диапазона. Значение по умолчанию 0 |
optimum | number | Указывает, какое значение является оптимальным для датчика |
value | number | Требуемый. Указывает текущее значение датчика |
Глобальные атрибуты <meter>
Тег <meter>
также поддерживает Глобальные атрибуты в HTML.
События атрибутов <meter>
Тег <meter>
также поддерживает События атрибутов в HTML.
Связные страницы <meter>
HTML DOM справочник: Объект meter
Настройки CSS по умолчанию <meter>
Нет.