首页 > 编程 > HTML > 正文

html5 meter标签是什么意思?html5 meter标签的用法及属性介绍

2020-03-24 15:51:38
字体:
来源:转载
供稿:网友
首页 > web前端 > H5教程 > 正文 html5 meter标签是什么意思?html5 meter标签的用法及属性介绍 2018-08-18 17:19:07 第六期线上培训班
html5 meter标签是什么意思?html5 meter标签的用法及属性介绍都在这里,本篇文章主要介绍了html5 meter标签的定义和具体的使用方法,还有html5 meter标签的属性介绍

html5 meter标签的定义和用法:

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

meter 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。

例子:磁盘用量、查询结果的相关性,等等。

注释: meter 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 progress 标签。

html5 meter标签的实例:

使用 meter 元素来度量给定范围(gauge)内的数据:

meter value= 3 min= 0 max= 10 十分之三 /meter

meter value= 0.6 60% /meter

html5 meter标签的属性:

tuyi.png

html5 meter标签的使用:

 !doctype html  html  dead  meta charset= UTF-8  style type= text/css width:200px; /style  script function test(){var kk = document.getElementById( la var cc = document.getElementById( cc  kk.value=cc.value; /script  /dead  body  form oninput= test() !--使用表单的oninput事件使得meter的参数值随滑块值变化--  meter min= 0 max= 100 low= 10 high= 80 value= 8 optimum= 50 id= la /meter  !--min max是valueq取值范围,low和high以及optimum是对value的判断,value处在不同的区间时,meter得颜色会不同-- 0 input id= cc type= range min= 0 max= 100 value= 0 100 /form  /body  /html 

HTML 4.01 与 HTML 5 之间的差异:

meter 标签是 HTML 5 中的新标签。

注释:必须定义度量的范围,既可以在元素的文本中,也可以在 min/max 属性中定义。

【相关推荐】

html5 source标签怎么用?html5 source标签属性介绍

html title标签的作用是什么?关于html title标签的详细介绍

以上就是html5 meter标签是什么意思?html5 meter标签的用法及属性介绍的详细内容,其它编程语言

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表