HTML <meter> 标签 详解
HTML基础 2022-06-02 09:41:47小码哥的IT人生shichen
HTML <meter> 标签
实例
使用 meter 元素来度量给定范围（gauge）内的数据：
<meter value="3" min="0" max="10">十分之三</meter>
<meter value="0.6">60%</meter>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<p>显示度量值：</p>
<meter value="3" min="0" max="10">3/10</meter><br>
<meter value="0.6">60%</meter>
<p><b>注释：</b>Internet Explorer 不支持 meter 标签。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <meter> | 8.0 | 13.0 | 16.0 | 6.0 | 11.5 |
定义和用法
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。
例子：磁盘用量、查询结果的相关性，等等。
注释：<meter> 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 <progress> 标签。
HTML 4.01 与 HTML 5 之间的差异
<meter> 标签是 HTML 5 中的新标签。
属性
new : HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| form | form_id | 规定 <meter> 元素所属的一个或多个表单。 |
| high | number | 规定被视作高的值的范围。 |
| low | number | 规定被视作低的值的范围。 |
| max | number | 规定范围的最大值。 |
| min | number | 规定范围的最小值。 |
| optimum | number | 规定度量的优化值。 |
| value | number | 必需。规定度量的当前值。 |
全局属性
<meter> 标签支持 HTML 中的全局属性。
事件属性
<meter> 标签支持 HTML 中的事件属性。
相关页面
HTML DOM 参考手册：Meter 对象
相关页面
HTML DOM 参考手册：Meter 对象
