meter元素(量规)【新元素

<meter>~</meter>

meter元素表示限定范围内的值。例如,硬盘的使用量、候补成员的得票率等。实际值用value内容属性指定。除了value属性,还有用于指定下限值、上限值、低值、高值、最佳值的内容属性。如果没有指定下限值和上限值,那么默认值范围为0~1。这时的value属性的值必须在0~1 之间指定。

属性

1、value属性
用于指定meter元素表示的值,即实际值,为必须属性。
2、min属性
指定meter元素表示值范围内的下限值,默认值为0。
3、low属性
指定低领域的上限值
4、high属性
指定高领域的下限值
5、max属性
指定meter元素表示值范围内的上限值,默认值为1。
6、optimum属性
指定最佳值,没有指定时为min与max之间的中间值。
7、form属性
指定与该元素建立链接的表单的id值。

使用例

<p>

<meter value="45" min="0" low="59" high="80" max="100" optimum="100">45分</meter>

<meter value="73" min="0" low="59" high="80" max="100" optimum="100">73分</meter>

<meter value="89" min="0" low="59" high="80" max="100" optimum="100">89分</meter>

</p>

浏览器上的显示结果↓



45分 73分 89分

例子说明:应用到考试成绩上,成绩结果分不及格、良、优秀。60以下不及格,70为良,80以上为优秀。 不及格为从0到59,属于低领域区,优秀为80到100,属于高领域区。最高点为100,也就是最佳值。所以,min=0,low=59,high=80,max=100,optimum=100。使用所有属性表示成绩为45、73、89时的结果显示。

X

浏览器支持情况

元素
meter no 8.0 6.0 6.0 11.0
IE9IE8Fx30Chrome11Safari6Opera11
NoNo

关联内容