多语言展示
当前在线:286今日阅读:26今日分享:39

HTML如何添加取色器

在HTML中有时需要用取色器让客户自己取色,下面小编给大家分享一下HTML如何添加取色器。
方法/步骤
1

首先准备一个HTML文档,搭建好结构,如下图所示

2

接着添加一个input,类型是color,如下图所示

3

然后在script里面通过id读取颜色的值,如下图所示

4

接着右键单击选择在浏览器中运行,如下图所示

5

然后就可以看到HTML中有取色器了,如下图所示

6

最后打开console,可以看到颜色的值也输出了,如下图所示

总结

1,准备一个HTML文档,搭建好结构2,添加一个input,类型是color3,在script里面通过id读取颜色的值4,右键单击选择在浏览器中运行5,就可以看到HTML中有取色器了6,打开console,可以看到颜色的值也输出了

推荐信息