HTML - <meter> 标签

HTML <meter> 标签用于在给定范围内呈现数据。它可以表示已知范围内的标量值或分数值。这是 HTML5 中包含的一个新标签。Meter 也称为量规。

语法

   <meter>.....</meter>

属性

HTML meter 标签支持 HTML 的全局和事件属性。还有一些特定的属性，如下所示。

HTML meter 标签属性

属性	值	描述
value	数字	保存一个数字，该数字定义了仪表或量规的当前值。
form	form_id	保存一个 form_id，该 id 指定 <meter> 元素属于哪个表单。
high	数字	保存一个数字，该数字定义了仪表的较高值。
low	数字	保存一个数字，该数字定义了仪表的较低值。
max	数字	用于设置仪表的最大值。
min	数字	用于设置仪表的最小值。
Optimum	数字	用于设置仪表或量规的最佳值。

HTML meter 标签示例

在以下示例中，我们将看到用例，以及在哪里以及如何使用 HTML meter 标签来表示数据。

创建燃油量

在以下示例中，我们借助 <meter> 标签创建燃油量。

<!DOCTYPE html>
<html>
<body>
    <label>Fuel level:</label>
    <meter min="0" max="100" 
           low="35" high="70" 
           optimum="80" value="50">
    </meter>
</body>
</html>

创建磁盘使用情况

考虑以下示例，我们显示了给定范围内磁盘使用情况的标量值。

<!DOCTYPE html>
<html>
<body>
    <h1>HTML meter Element</h1>
    <label for="disk_c">Disk usage C:</label> 
    <meter id="disk_c" value="5" min="0" max="10">2 out of 10</meter> 
    <br> 
    <label for="disk_d">Disk usage D:</label> 
    <meter id="disk_d" value="0.8">100%</meter> 
</body>
</html>

支持的浏览器

标签
meter	是 8.0	是 13.0	是 16.0	是 6.0	是 11.5

html_tags_reference.htm

打印页面