HTML标签

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

支持浏览器

标签  chrome浏览器 浏览器  firefox浏览器 Opera浏览器  Safari浏览器
<meter> 支持 支持 支持 支持 支持
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4