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

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

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

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

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

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

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

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