HTML5 input 类型 color
<input type="color"> 元素是 <input> 元素中的一个特定种类，用来创建一个允许用户使用颜色选择器，或输入兼容CSS语法的颜色代码的区域。
实例
<!DOCTYPE html><html><body><p>根据浏览器支持：<br>当您填写输入字段时会弹出日期选择器。</p><form action="/example/html/action_page.aspx">Select your favorite color:<input type="color" name="favcolor" value="#ff0000"><input type="submit"></form><p><b>备注:</b> type="color" 在 Internet Explorer 中不支持。</p></body></html>
浏览器支持
表格中的数字注明了完全支持该选择器的首个浏览器版本。
| 类型 | |||||
|---|---|---|---|---|---|
| color | 1.0 | 12.0 | 2.0 | 1.0 | 1.0 |
定义与用法
<input type="color"> 用于应该包含颜色的输入字段。
根据浏览器支持，颜色选择器会出现输入字段中。
此元素的外观会因浏览器不同而不同，可能是简单的验证颜色输入格式的文本框，也可能使用平台原生或自定义样式的颜色选择器。
显示方式
下面的图片展示了 macOS 平台 Chrome 浏览器的颜色选择器：
