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

网页中如何让用户选取颜色

时间:2024-10-13 17:17:59

1、首先用Sublime构建一个HTML5的空文档结构,如下图所示,注意编码格式的选择

网页中如何让用户选取颜色

2、接下来我们在body标签里面加入一个type为color的input类型,如下图所示

网页中如何让用户选取颜色

3、这时候我们运行页面,你会看到如下图所示的页面效果,我们可以通过点击颜色块选择颜色

网页中如何让用户选取颜色

4、点击颜色块以后会弹出颜色选择器,如下图所示,在这里可以自己调配喜欢的颜色

网页中如何让用户选取颜色

5、接下来我们在后台中接收一下传递过来的表单内容,如下图所示,我们直接打印出来

网页中如何让用户选取颜色

6、最后你会看到页面上显示了一个颜色代艨位雅剖码值,如下图所示,这就是你选择的演示代码值,我们可以将它保存到数据库里面

网页中如何让用户选取颜色

7、综上所述,在网页里面让用户自己选择颜色的话主要运用HTML5的input框,注意类型选择color

© 手抄报圈