HTML <meter> 标签

定义和用法

<meter> 标签定义已知范围内的标量测量值，或分数值。也被称为仪表 (gauge)。

例如：磁盘的使用情况、查询结果的相关性等。

注意：不应使用 <meter> 标签来表示进度（例如进度条）。对于进度条，请使用 <progress> 标签。

提示：请始终使用 <label> 标签，获得最佳可访问性实践！

另请参阅：

HTML DOM 参考手册：Meter 对象

实例

使用 meter 元素显示给定范围内的标量值（仪表）：

<label for="disk_c">磁盘使用情况 C：</label>
<meter id="disk_c" value="2" min="0" max="10">十分之二</meter><br>

<label for="disk_d">磁盘使用情况 D:</label>
<meter id="disk_d" value="0.6">60%</meter>

亲自试一试

属性

属性 值 描述
form 表单 id 规定 <meter> 元素属于哪个表单。
high 数字 规定范围的高值。
low 数字 规定范围的低值。
max 数字 规定范围的最大值。
min 数字 规定范围的最小值。默认值为 0。
optimum 数字 规定仪表的最佳值。
value 数字 必需。规定仪表的当前值。

说明

meter 元素显示某个范围内的所有可能值中的一个。min 和 max 属性设定了可能值所处范围的边界，它们可以用浮点数来表示。meter 元素的显示可以分为三个部分：过低、过高和最佳。low 属性设置了一个值，在它之下的所有值都被认为是过低；high 属性设置了一个值，在它之上的所有值都被认为是过高；optimum 属性指定了最佳值。

全局属性

<meter> 标签还支持 HTML 中的全局属性。

事件属性

<meter> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

无。

浏览器支持

表中的数字注明了首个完全支持该标签的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 13.0 16.0 6.0 11.5