 |
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
|
位置：电子教程 > HTML入门到精通 (如果看不到内容请使用360浏览器) | 推荐学习资源 |
| 当前阅读教程：HTML入门到精通 > 4.7 input标签type属性之color拾色器 | |
| 阅读(22555525) 收藏 赞(5685) 分享 | |
| 上一篇： 4.6 input标签type属性之checkbox复选框 | 下一篇： 4.8 input标签type属性之date选择器 |
基础语法从拾色器中选取颜色 输入类型：color <input type="color"> <input type="color" name="favcolor" id="favcolor"> 示例代码：图4-7 input标签type属性之color拾色器下面我们来看下在网页中的效果，示例代码如下： <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>input标签type属性之color拾色器</title>
</head>
<body>
<form>
选择你喜欢的颜色：<input type="color" name="c01" id="c01" > <br>
<input type="button" value="获取颜色的结果" onClick="fun01()" >
<script>
function fun01(){
v01 = document.getElementById("c01").value;
alert("你选择的颜色是："+v01);
}
</script>
</form>
</body>
</html>效果如图4-7和图4-8。
|
|
| 上一篇： 4.6 input标签type属性之checkbox复选框 | 下一篇： 4.8 input标签type属性之date选择器 |
