如何在 HTML 中设置被视为低值的范围?

htmlweb developmentfront end technology更新于 2025/4/10 8:12:17

使用 HTML | low 属性指定仪表值被视为低值的范围。low 属性的值必须高于"min"，低于"max"，并且等于或小于"high"属性。

注意 − 这只能与 <meter> 标签一起使用。

语法

<meter low="number">

以下是示例……

示例

在下面的示例中，我们在 <meter> 标签中使用了 low 属性。


<!DOCTYPE html>
<html>
<body style="text-align:center;">
   MSD score:
   <meter value="3"
      low="2"
      min="0"
      max="10"
      high="6">
      5 out of 10
   </meter>
   <br>
   ABD score:
   <meter value="0.5"
      low="0.3"
      max="1.0"
      min="0"
      high="0.6">
      50% from 100%
   </meter>
</body>
</html>

输出

脚本执行时，将显示 msd 和 abd 的量表分数，我们已在上面的代码中使用 high、low、max、min 和 value 属性对其进行了说明。

示例

您也可以尝试运行以下代码来实现 meter 属性 -


<!DOCTYPE html>
<html>
<head>
   <title>HTML meter Tag</title>
</head>
<body>
   <meter value = "6" high = "9" low = "5" min = "0" max = "10">6 out of 10</meter>
   <br />
   <p>Water level can be seen here</p>
</body>
</html>