您的位置:KK接口 > htmlmeter用法 HTML Meter

htmlmeter用法 HTML Meter

2023-03-22 14:56 HTML教程

htmlmeter用法 HTML Meter

htmlmeter用法 HTML Meter

htmlmeter用法

HTML Meter

meter元素显示在可能值范围的上下文中显示的值。

它具有局部属性: value,min,max,low,high,optimum,form

min和max属性设置可能值范围的边界。这些可以使用浮点数来表示。

meter元素的显示可以分为三个部分:太低,太高和刚好。

low属性设置值被认为过低的值,

high属性设置值被认为过高的值。

optimum属性指定“刚好正确"的值。

例子

您可以看到这些属性应用于meter元素,如下所示。

<!DOCTYPE HTML>
<html>
<body>
  <meter id="mymeter" value="90" min="10" max="100" low="40" high="80"
    optimum="60"></meter>

  <p>
    <button type="button" value="30">30</button>
    <button type="button" value="60">60</button>
    <button type="button" value="90">90</button>
  </p>
  <script>
    var buttons = document.getElementsByTagName("BUTTON");
    var meter = document.getElementById("mymeter");
    for (var i = 0; i < buttons.length; i++) {
      buttons[i].onclick = function(e) {
        meter.value = e.target.value;
      };
    }
  </script>
</body>
</html>


阅读全文
以上是KK接口为你收集整理的htmlmeter用法 HTML Meter全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 KK接口 kkapi.com 版权所有 联系我们
桂ICP备12005667号-34 Powered by CMS