HTML |

简介

<input type="color"> 是 HTML5 中新增的一个表单元素，用于让用户选择颜色。它会呈现出一个包含颜色选择器的对话框，用户可以选择自己需要的颜色。

语法

<input type="color" name="colorPicker">

示例

<input type="color" name="colorPicker">

用户可以点击选择器，也可以手动输入颜色代码。

属性

• type: 必须为 "color"
• name: 元素的名称，用于向服务器提交表单数据。可选。

兼容性

支持情况请查看Can I Use。

注意事项

• 在部分老版本的浏览器中，选择器的呈现可能不一致，或无法使用。
• 在不支持 <input type="color"> 的浏览器中，该输入框将会呈现为普通文本输入框。
• 该元素不支持 placeholder 属性。

参考文献：

• MDN |
• Can I Use | color input