2 - 11 编程练习
来源：2-11 编程练习
目訫
2019-02-12 20:29:40
<html>
<head>
<meta charset="utf-8">
<title>input新增类型</title>
</head>
<body>
<p>请选择您需要的数值 ,数值的范围是最大100，最小10：</p>
<input id="range" type="range" min="10" max="100">
<span id="ranVal"></span>
<!-- 补充代码 -->
<br><br>
<span>请选择您喜欢的颜色 ：</span>
<input type="color" />
<!-- 补充代码 -->
<br><br>
<span>请输入要搜索的内容 ：</span>
<input type="search" />
<script>
window.onload = function() {
var ran = document.getElementById('range');
var ranVal = document.getElementById('ranVal');
ranVal.innerHTML = ran.value;
ran.onchange = function() {
ranVal.innerHTML = ran.value;
}
var color = document.getElementsByTagName('input')[1];
color.onchange = function() {
document.getElementsByTagName('span')[1].style.color = color.value;
}
}
</script>
<!-- 补充代码 -->
</body>
</html>写回答
1回答
-
你好，经测试代码实现效果是没有问题的，自己写的js代码也是正确的，棒棒哒！
继续加油！
1
相似问题