这篇博客展示了如何利用HTML5的input range元素创建一个简单的调色板。通过调整红、绿、蓝三个颜色通道的值，可以改变一个div元素的背景颜色，从而实现颜色选择的功能。
代码如下：复制可生效
<!DOCTYPE html>
<html>
<head>
<title>input新类型案例</title>
<meta charset="utf-8" />
<style>
div {
width : 150px;
height : 150px;
border : solid 1px black;
}
</style>
</head>
<body>
<!--
需求
* 定义<div>元素 - 用于显示选择后的颜色
* 定义<input type="range">元素 - 用于选择颜色的三原色(红|蓝|绿)
* rgb(r,g,b) - 0-255
-->
最低0.47元/天 解锁文章
扫一扫
298
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
