Input Color defaultValue 属性

HTML DOM Input Color 对象

定义和用法

defaultValue 属性设置或返回颜色选择器的默认值。

注释：默认值是 HTML value 属性 中规定的值。

defaultValue 和 value 属性的区别在于：

  • defaultValue 包含默认值
  • 而 value 包含经过一些更改后的当前值
  • 如果没有变化，defaultValue 和 value 是一样的（请参见下方的实例）

当您想确定颜色选择器的颜色是否已更改时，defaultValue 属性很有用。

实例

例子 1

获取颜色选择器的默认值：

var x = document.getElementById("myColor").defaultValue

亲自试一试

例子 2

显示 defaultValue 和 value 属性之间差异的一个例子：

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

亲自试一试

语法

返回 defaultValue 属性：

colorObject.defaultValue

设置 defaultValue 属性：

colorObject.defaultValue = value

属性值

值 描述
value 规定颜色选择器的默认值。

技术细节

返回值： 字符串值，表示颜色选择器的默认值。

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

注意：<input type="color"> 元素在 Internet Explorer 和 Safari 中不显示任何颜色选择器。

HTML DOM Input Color 对象