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>
HTML统一资源定位器 (Uniform Resource Locators) URL 是一个网页地址。URL 可以由字母组成,如 ".cn",或互联网协议(IP)地址...
HTML 图像使用img标签定义 HTML 页面中的图像。img标签有两个必需的属性:src和alt。 实例h2挪威山旅行/h2img src="/statics/i...
显示或隐藏我们可以通过使用visibility属性或display属性来显示或隐藏元素。要隐藏元素,请将display属性设置为“none”或将visi...
CSS 水平对齐 (Horizontal Align) 关于 CSS 中元素的水平对齐 (HorizontalAlign),你可以使用多种属性来进行设置。 在CSS中,有...
很多 CSS 初学者在前端开发过程中,经常会用到CSS虚线样式,但是不知道CSS虚线样式该如何实现,比如一个CSS这样写:border-sty...
CSS Padding(填充)CSS Padding(填充)属性定义元素边框与元素内容之间的空间。 Padding(填充) 当元素的 Padding(填充)(...
我们在使用 CSS 来布局时经常需要进行居中,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,利用 CSS 来实现...