在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
定义和用法 type 属性规定 input 元素的类型。 注释:该属性不是必需的,但是我们认为您应该始终使用它。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>color拾取器</title> </head> <body> <input type="color" id="color"> </body> <script> document.querySelector("#color").onchange = function () { document.getElementById('color').click(); // 必须添加触发click事件否则不能通过点击确定按钮触发更改颜色 document.body.style.background = this.value; } </script> </html> 下面看下HTML 5 <input> type 属性 属性值
总结 以上所述是小编给大家介绍的HTML5 input新增type属性color颜色拾取器的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对极客世界网站的支持! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论