如何在 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.