HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <meter> 测量标签

HTML <meter> 标签用于测量给定范围内的数据。它定义了具有范围的标量测量。它也被称为高斯。

它应该用于显示磁盘使用情况、投票人数等。

HTML 计量标签是 HTML5 中的新标签，因此您必须使用新的浏览器。

HTML Meter 标签的属性

HTML <meter> 标签支持全局和事件属性以及一些特定属性。

属性描述
价值它是一个强制属性，用于指定数字值。该数字可以是整数或浮点数。
形式它指定了仪表元素所属的一种或多种形式。
高的它指定了一个被视为高值的范围。
低的它指定了一个被视为低值的范围。
最大限度它指定范围中定义的最大值。
分钟它指定范围中定义的最小值。
最佳它指定了仪表的最佳值。它是一个可选属性。

HTML Meter 标签示例

让我们看看带有 min、max 和 value 属性的进度示例。

<!DOCTYPE html>
<html>
<body>
<p>Display a gauge:</p>  
<meter value="30" min="1" max="100">30 out of 100</meter><br>  
<meter value="0.8">80%</meter>  
</body>
</html>

输出：

显示仪表：


造型计

您可以在仪表标签上应用 CSS 代码。

meter{  
  width: 300px;  
  height: 30px;  
}

输出：


支持浏览器

元素ChromeIEFirefoxSafariOpera
<meter>YesYesYesYesYes


上一主题 HTML <meta> 元数据标签 下一主题 HTML <nav> 导航标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具