案例:javascript案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<h3>演示如何访问颜色选择器</h3>
6
7
选择您喜爱的颜色:<input type="color" id="myColor">
8
9
<p>请点击按钮来获得颜色选择器的颜色。</p>
10
11
<p id="demo"></p>
12
13
<button onclick="myFunction()">试一下</button>
14
15
<script>
16
function myFunction() {
17
    var x = document.getElementById("myColor").value;
18
    document.getElementById("demo").innerHTML = x;
19
}
20
</script>
21
22
</body>
23
</html>
24