3.3.7 meter控件
优质
小牛编辑
132浏览
2023-12-01
meter控件用来表示已知范围,且可度量的等级标量或分数值,如考试成绩等。
<meter value="85" min="0" max="90" low="10" high="90" optimum="10">85</meter>
其中,value属性规定标量的实际测量值,如果不指定,默认为0;min属性规定标量的最小值,如果不指定,则为0;max属性规定标量的最大值,如果不指定,则为1;low属性规定标量的实际最小值;high属性规定标量的实际最大值;optimum 属性规定标量的最优值的位置。如果浏览器不支持meter标签,则显示标签之间的文本。
low、high、optimum都必须在min与max值之间,用这三个属性值把meter控件展示的测量范围划分为low、medium、high三部分,以此来判断该测量的哪个部分是最优的。
如,low、high将考试成绩[0 ~ 100]划分为[0 ~ 60](low)、[60 ~ 90](medium)、[90 ~ 100](high)三个范围,optimum指明最优位置在100处,此时该值比high值大,那么表示value值越大越好;类似的,如果optimum值比low小,则表示value值越小越好;如果optimum值落在low值与high值之间,则表示value不高不低最好。