HTML5 meter标签的使用
来源:互联网 发布:大数据高并发优化 编辑:程序博客网 时间:2024/06/05 00:49
<!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>
<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>
阅读全文
0 0
- HTML5 meter标签的使用
- HTML5教程-meter标签的应用
- HTML5 中的新属性meter的使用
- HTML5 meter 标签理解,meter 变化颜色规则
- html5 meter
- html5中的meter标签度量衡如何改变颜色
- HTML5规范:mark标签,下载进度progress,显示度量值meter,details标签
- Html5新标签的使用
- html5的a标签使用
- HTML5 audio标签的使用
- HTML5基本标签的使用
- HTML5新增标签的使用
- html5 progress标签的使用
- Html5基本标签的使用
- 从零开始前端学习[27]:html5中的特殊结构标签,ruby,mark,meter,progress,details
- HTML5 progress和meter控件
- HTML5标签使用的常见误区
- HTML5标签使用的常见误区
- iso-8859-1转utf-8编码
- java classPath
- NOIP2017总结
- 图片和微信号一起轮播
- 英文之母大小写之间的转换
- HTML5 meter标签的使用
- SSM框架-Maven篇
- HDU5532 Almost Sorted Array(最长子序列)
- css背景图设置
- 【Java 并发】对象的共享
- Oracle to_date()函数的用法
- vmware Workstation下安装redhat linux+oracle12c 之七 配置oracle
- Java多线程处理List数据
- J.U.C-DelayQueue原理与应用