HTML如何添加取色器

2026-02-12 15:10:05

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

1、1,准备一个HTML文档,搭建好结构

2,添加一个input,类型是color

3,在script里面通过id读取颜色的值

4,右键单击选择在浏览器中运行

5,就可以看到HTML中有取色器了

6,打开console,可以看到颜色的值也输出了

猜你喜欢