HTML Meter标签

本文概述

HTML <meter>标记用于测量给定范围内的数据。它定义了带范围的标量测量。它也被称为“ gause”。

它应该用于显示磁盘使用情况, 投票人数等。

HTML meter标签是HTML5中的新增功能, 因此你必须使用新的浏览器。

HTML <meter>标记支持全局和事件属性以及某些特定属性。

属性	描述
value	它是必填属性, 用于以数字指定值。该数字可以是整数或浮点数。
form	它指定仪表元素所属的一种或多种形式。
high	它指定一个被认为是高值的范围。
low	它指定一个被认为是低值的范围。
max	它指定范围内定义的最大值。
min	它指定范围内定义的最小值。
optimum	它指定量规的最佳值。它是一个可选属性。

让我们看一下带有min, max和value属性的进度示例。

<p>Display a gauge:</p>
<meter value="30" min="1" max="100">30 out of 100</meter><br>
<meter value="0.8">80%</meter>

立即测试

输出：

显示量规：

100之30

80%

你可以在meter标签上应用CSS代码。

meter{
  width: 300px;
  height: 30px;
}

立即测试

输出：

100之30

Element	Chrome	IE	Firefox	Opera	Safari
<meter>	Yes	Yes	Yes	Yes	Yes