如何在 HTML 中設定量表(gauge)的最佳值?


本文將學習如何在 HTML 中設定量表(gauge)的最佳值。

最佳值用於顯示儀表的範圍。該值必須介於範圍的最小值和最大值之間。它用於指定在明確定義的範圍內具有摩擦值的刻度測量值。它也稱為“量表”。

語法

以下是 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

考慮下面的示例,我們在其中使用最佳值(optimal value)設定量表。

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

開啟您的職業生涯

完成課程獲得認證

開始學習
廣告
© . All rights reserved.