当前阅读教程: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选择器 |