手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

HTML如何添加取色器

时间:2024-10-12 05:58:01

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器

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

HTML如何添加取色器
© 手抄报圈