JavaScript DOM Input Color 对象 value 属性

• 

  Input Color 对象 value 属性

  value属性设置或返回颜色选择器的value属性的值。value属性指定颜色选择器的颜色。

  注意：如果未指定任何内容，则默认颜色为＃000000（黑色）。

  更改颜色选择器的颜色：

  document.getElementById("myColor").value = "#FF8040";

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  value	10.0+	支持	支持	支持	支持

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

  语法

  返回value属性：

  ColorObject.value

  设置value属性

  ColorObject.value = #hexvalue
• 

  属性值

  • 注意：不允许使用颜色关键字（如“red”或“blue”）。
  • 注意：默认颜色为＃000000（黑色）。

  值	描述
  #hexvalue	指定颜色选择器的颜色。该值必须是十六进制（十六进制）值：3个双位数字，以＃符号开头（如＃FF8040）。

• 

  技术细节

  项目	描述
  返回值	字符串，表示颜色

• 

  更多例子

  获取颜色选择器的颜色：

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

  尝试一下

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

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

  尝试一下
• 

  相关页面

  HTML教程：HTML 颜色

  HTML参考：HTML <input> value 属性