HTML Meter标签

本文概述

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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?