HTML Meter标签
HTML <meter>标签
HTML <meter>标签用于测量给定范围内的数据。它定义了带范围的标量测量。
它应该用于显示磁盘使用情况,投票人数等。
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>
输出:
显示仪表:
30 out of 100
80%
样式仪表
您可以在仪表标签上应用CSS代码。
meter{
width: 300px;
height: 30px;
}
输出:
30/100
支持浏览器
标签 |
 |
 |
 |
 |
 |
<meter> |
支持 |
支持 |
支持 |
支持 |
支持 |