HTML教程-HTML<meter>标签

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

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

HTML meter 标签在 HTML5 中新增，所以必须使用新的浏览器。

HTML Meter 标签的属性

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

属性	描述
value	这是一个必需属性，用于指定一个数值。该数值可以是整数或浮点数。
form	指定一个或多个表单元素，它们与 meter 元素相关联。
high	指定被视为高值的范围。
low	指定被视为低值的范围。
max	指定范围中的最大值。
min	指定范围中的最小值。
optimum	指定量规的最佳值。这是一个可选属性。

HTML Meter 标签示例

让我们来看一个带有最小值、最大值和数值属性的进度示例。

<p>显示一个量规:</p>
<meter value="30" min="1" max="100">30 out of 100</meter><br>
<meter value="0.8">80%</meter>

样式化 Meter

您可以对 meter 标签应用 CSS 样式。

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

支持的浏览器

元素	Chrome	IE	Firefox	Opera	Safari
<meter>	是	是	是	是	是