如何在 HTML 中设置量表的最佳值?


在本文中,我们将学习如何在 HTML 中设置量表的最佳值。

最佳值用于显示仪表的范围。该值必须落在范围的最小值和最大值之间。它用于在一个明确定义的范围内用摩擦值指定比例测量。它也称为“量表”。

语法

以下是 meter 元素的语法。

<meter optimum = "value"></meter>

注意 - 只包含一个浮点数来表示量表的理想值。

让我们来看下面的例子,以便更好地理解如何在 HTML 中设置量表的最佳值。

示例 1

在下面的示例中,我们使用 optimum 属性来创建量表的理想值。

<!DOCTYPE html>
<html>
<body>
   <h1>METER GAUGE</h1>
   <meter value="0.7"
      max="2"
      min="0.4"
      optimum="0.6"
      high="0.5"
      low="0.2">
   </meter>
</body>
</html>

执行上述脚本后,它将生成一个输出,其中包含一个量表,其理想值使用 optimum 属性设置为“0.6”。

示例 2

考虑以下示例,我们使用最佳值来设置量表。

<!DOCTYPE html>
<html>
<body>
   <h2 style="color:#BB8FCE;">HTML Optimum Attribute</h2>
   <p>optimum value above LOW and HIGH:
      <meter value="0.6" max="0.9" min="0.1"
         optimum="0.6" high="0.5" low="0.2">
      </meter>
   </p>
   <p>optimum value below LOW and HIGH:
      <meter value="0.6" max="0.9" min="0.1"
         optimum="0.1" high="0.5" low="0.2">
      </meter>
   </p>
   <p>optimum value between LOW and HIGH:
      <meter value="0.6" max="0.9" min="0.1"
         optimum="0.4" high="0.5" low="0.2">
      </meter>
   </p>
</body>
</html>

当脚本执行时,它将生成一个输出,其中包含所有带有最佳值的量表条目,显示当最佳值高于低值和高值、低于低值和高值,或在低值和高值之间时的不同情况。

更新于:2022年12月15日

浏览量:138

启动您的 职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.