HTML宝典(第 1 版)
3.3.7 meter控件
阅读(

HTML基础

HTML元素

表单及应用

什么是表单

Form元素

表单控件

progress控件

keygen控件

select控件

textarea控件

input控件

label控件

meter控件

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不高不低最好。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验