• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5 meter标签是什么意思?html5 meter标签的用法及属性介绍

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

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含meter,html5等相关知识,匿名希望在学习及工作中可以帮助到您
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">
#la{
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标签的用法及属性介绍的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • html5 meter标签是什么意思?html5 meter标签的用法及属性介绍
  • html5 meter标签是什么意思?html5 meter度量衡如何改变颜色详解
  • HTML5可以调用的iPhone传感器有哪些?
  • HTML5每日一练之meter标签的应用

相关文章

  • 2018-12-03SVG制作简单图形的实例介绍
  • 2018-12-03html5中audio(音频)的分析
  • 2018-12-03HTML5中使用postMessage实现两个网页间传递数据
  • 2018-12-03Html5语义化标签及兼容性处理详解
  • 2018-12-03css3 如何实现圆边框的渐变? 如图
  • 2018-12-03HTML5 Web Database 数据库的SQL语句的使用方法_html5教程技巧
  • 2018-12-03html5配合css3实现带提示文字的输入框(摆脱js)_html5教程技巧
  • 2017-08-06使用html5 canvas 画时钟代码实例分享
  • 2018-12-03HTML5触摸事件演化tap事件介绍_html5教程技巧
  • 2017-08-06HTML5实现获取地理位置信息并定位功能

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览_html5教程技巧
    • HTML4和HTML5之间的10个主要不同
    • Html5新增标签总结
    • html5 的a标签 Href 拨电话的写法_html5教程技巧
    • HTML5实现一个能够移动的小坦克示例代码
    • 如何用H5实现拖放效果
    • html5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop
    • HTML页面中添加Canvas标签示例_html5教程技巧
    • App Store 或者 Google Play Store 中有哪些不错的 HTML5 app?
    • HTML5 解析规则分析_html5教程技巧

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有