html5中meter度量衡怎么改变颜色-创新互联

小编给大家分享一下html5中meter度量衡怎么改变颜色,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

创新互联建站服务项目包括睢县网站建设、睢县网站制作、睢县网页制作以及睢县网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,睢县网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到睢县省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

html5 meter标签的定义和用法:

标签定义度量衡。仅用于已知大和最小值的度量。

比如:磁盘使用情况,查询结果的相关性等。

注意: 不能作为一个进度条来使用, 进度条 标签。

这有实例:

5
2 out of 10
30%

什么是meter元素:

meter元素表示规定范围内的数量值。meter元素有6个属性!

1.value属性:在元素中特地地表示出来的实际值。该属性值默认为0,可以为该属性制定一个浮点小数值。

2.min属性:指定规定范围时允许实用的最小值,默认0,在设定该属性时所设定的值不能小于0。

3.max属性:指定规定的范围时允许使用的大值,如果设定时该属性值小于min的值,那么把min属性的值视为大值。max属性的默认值1。

4.low属性:规定范围的下限值,必须小于或者等于high的值。

5.high属性:规定范围的上限值。如果该属性值小于low属性的值,那么把low属性的值视为high属性的值,同样如果该属性的值大于max属性的值,那么把max属性的值视为high的值。

6.optimum属性:最佳值属性值必须在min属性值与max属性值之间,可以大于high属性值。

html5 meter度量衡如何改变颜色:

在meter中要想改变颜色,需要用到五个值,分别是:min(最小值)、max(大值)、low、high、value和optimum,其中前四个值会把整个进度划分成3区间,

绿色:当value和optimum值在一个区间时,它就会呈现出绿色。

黄色:当optimum在high和max之间的时候,value在low和high之间,它就会呈现出黄   色

当optimum在low和high之间的时候,value值在min和low之间,在high和max   之间的时候就会呈现出黄色。

当optimum在min和low之间的时候,value值在low和high之间会呈现出黄色。

红色:当optimum在high和max之间的时候,value值在min和low之间时就会呈现出红   色。

当optimum在min和low之间的时候,value在high和max之间就会呈现出红色。

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

当optimum在绿色区域的时候,valu值在中间绿色区域是为绿色

当optimum在绿色区域的时候,value值在min和low之间和在high和max之间时都呈现出黄色

当optimum在绿色区域的时候,value也在绿色区域的时候,整个就会呈现出绿色

当optimum在绿色区域的时候,value值在黄色区域的时候,整个就会呈现出黄色

当optimum在绿色区域的时候,value值在红色区域的时候,整个就会呈现出红色

HTML 4.01 与 HTML 5 之间的差异:

标签是 HTML 5 中的新标签。

以上是html5中meter度量衡怎么改变颜色的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联成都网站设计公司行业资讯频道!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:html5中meter度量衡怎么改变颜色-创新互联
网站URL:http://bzwzjz.com/article/dcesdd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站建设推广 温江网站设计 成都网站设计 成都网站制作 网站制作 网站制作 手机网站制作 营销网站建设 成都网站建设 LED网站设计方案 成都做网站建设公司 高端网站设计 公司网站建设 高端网站设计 成都网站建设 成都网站建设 重庆网站制作 成都网站建设 宜宾网站设计 成都网站建设 成都网站制作 成都网站设计