如何在 HTML 中设置量表（gauge）的最佳值？

本文将学习如何在 HTML 中设置量表（gauge）的最佳值。

最佳值用于显示仪表的范围。该值必须介于范围的最小值和最大值之间。它用于指定在明确定义的范围内具有摩擦值的刻度测量值。它也称为“量表”。

语法

以下是 meter 元素的语法。

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

注意 - 它只包含一个浮点数，用于表示量表的理想值。

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

示例 1

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

Open Compiler
<!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”。

Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified expert to boost your career.

示例 2

考虑下面的示例，我们在其中使用最佳值（optimal value）设置量表。

Open Compiler
<!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日

浏览量：139

开启您的职业生涯

完成课程获得认证

开始学习
广告