HTML Meter标签

本文概述

  • HTML Meter标签的属性
  • 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="http://www.srcmini.com/30" min="1" max="100"> 30 out of 100< /meter> < br> < meter value="http://www.srcmini.com/0.8"> 80%< /meter>

立即测试
输出:
显示量规:
100之30
【HTML Meter标签】80%
造型仪你可以在meter标签上应用CSS代码。
meter{ width: 300px; height: 30px; }

立即测试
输出:
100之30
支持的浏览器
Element Chrome IE Firefox Opera Safari
< meter> Yes Yes Yes Yes Yes

    推荐阅读