HTML Meter

2018-06-16 16:19 更新

HTML Meter

meter元素顯示在可能值范圍的上下文中顯示的值。

它具有局部屬性: value，min，max，low，high，optimum，form 。

min和max屬性設(shè)置可能值范圍的邊界。這些可以使用浮點(diǎn)數(shù)來表示。

meter元素的顯示可以分為三個(gè)部分:太低，太高和剛好。

low屬性設(shè)置值被認(rèn)為過低的值，

high屬性設(shè)置值被認(rèn)為過高的值。

optimum屬性指定“剛好正確"的值。

例子

您可以看到這些屬性應(yīng)用于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>


以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)