如何在 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>
指令碼執行後,它將生成一個輸出,其中包含所有量表條目及其最佳值,顯示最佳值高於低值和高值、低於低值和高值或介於低值和高值之間的不同情況。
廣告
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP