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