700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 前端HTML5 颜色选择器 input[type = color]

前端HTML5 颜色选择器 input[type = color]

时间:2021-04-30 10:23:51

相关推荐

前端HTML5  颜色选择器   input[type = color]

由于项目上要实现对不同的状态实现自定义配置不同的颜色,所以需要实现一个color选择器,一开始是直接采用input框输入16进制的颜色值,但对于非专业人士不太了解颜色对于的16进制码,后来改用类似于chrome中的取色器,类似于这样的

网上找了一些插件,总有些问题,自己水平不够又写不出来,后来找了一下发现HTML5 已经有现成的拾色器,

即input[type = "color"]

效果如图

很实用的

代码

<input type="color" id="color"> //基本实现代码

至于相关的一些配置及获取颜色对于的16进制码,可以参考一下下面的文档

/zh-CN/docs/Web/HTML/Element/Input/color

/jsref/dom_obj_color.asp

/p/becb82b22926

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。