本文概述
HTML <meter>标记用于测量给定范围内的数据。它定义了带范围的标量测量。它也被称为“ gause”。
它应该用于显示磁盘使用情况, 投票人数等。
HTML meter标签是HTML5中的新增功能, 因此你必须使用新的浏览器。
HTML Meter标签的属性
HTML <meter>标记支持全局和事件属性以及某些特定属性。
| 属性 | 描述 |
|---|---|
| value | 它是必填属性, 用于以数字指定值。该数字可以是整数或浮点数。 |
| form | 它指定仪表元素所属的一种或多种形式。 |
| high | 它指定一个被认为是高值的范围。 |
| low | 它指定一个被认为是低值的范围。 |
| max | 它指定范围内定义的最大值。 |
| min | 它指定范围内定义的最小值。 |
| optimum | 它指定量规的最佳值。它是一个可选属性。 |
HTML Meter标签示例
让我们看一下带有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 |
