meter标签的optimum有什么作用,没听懂

meter标签的optimum有什么作用,没听懂

请尽量清晰完善地描述问题,以便大家给予专业的回复。

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

meter标签中的optimum属性定义什么样的度量值是最佳的值。

如果该值高于 "high" 属性,则意味着值越高越好。

如果该值低于 "low" 属性的值,则意味着值越低越好。

例如下面的例子:

<p>

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

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

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

</p>

则效果就是:

http://img1.sycdn.imooc.com/climg//584d2e0400019a1602860049.jpg

这个例子中的optimum值为50,那就意味着50是度量中最佳的值,它低于low的值,所以value值越低越好。

自己可以去敲一下这些代码,设置一下不同的value值和optimum值,去体会一下这些概念。

祝学习愉快!


  • 海纳百川_ 提问者 #1
    哦,也就是说,这个值会影响颜色的显示效果对吧
    2016-12-11 19:54:27
  • 海纳百川_ 提问者 #2
    非常感谢!
    2016-12-12 13:48:57
  • 请问助教,你写的low="59" optimum="50",一个是较低值,一个是最佳值,这两个是否冲突了?而且我发现把optimum的值写在low和high的值的中间,进图条的颜色始终是黄色的,是为什么呢?
    2017-07-09 11:10:24
好帮手慕糖 2017-07-09 19:36:06

你好,经测试,optimum的值写在low和high的值的中间,也是可以的哟,例:如下列代码。祝学习愉快!

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

小丸子爱吃菜 2016-12-12 13:50:51

meter标签的颜色状态会随着optimum的值进行变化,绿色代表取值最佳;黄色代表取值一般;红色代表取值不佳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师