HTML Meter
最后一次修改 2017年08月04日
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>