HTML <meter> ƙaɗa

定义和用法

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

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

注意：不应使用 标签来表示进度（例如进度条）。对于进度条，请使用 <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 属性指定了最佳值。

全局属性

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

事件属性

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

默认的 CSS 设置

无。

浏览器支持

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

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