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

htmlweb developmentfront end technology更新于 2024/8/11 21:32:17

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

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

语法

以下是 meter 的语法。

<meter optimal = "value"></meter>

注意− 它仅包含一个浮点数，用于表示仪表的理想值。

让我们查看以下示例，以便更好地理解如何在 HTML 中设置仪表的最佳值。

示例 1

在下面的示例中，我们使用最佳值来创建仪表的理想值。

<!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>

执行上述脚本后，将生成一个输出，其中包含一个仪表，其理想值"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>

脚本执行时，会生成一个输出，包含所有具有最佳值的仪表条目，并在网页上分别显示最佳值高于低值与高值、低于低值与高值、以及介于低值与高值之间的不同情况。