HTML DOM 输入颜色 defaultValue 属性

htmlweb developmentfront end technology更新于 2025/8/3 2:20:17

HTML DOM 输入颜色 defaultValue 属性设置/返回与颜色对应的默认值。它可能与 value 属性相同，也可能不同。

语法

以下是语法 −

返回字符串值

inputColorObject.defaultValue

将 defaultValue 设置为字符串

inputColorObject.defaultValue = ‘string’

布尔值

此处，"string"可以是以下值 −

booleanValue	详细信息
#000000 - #ffffff	它定义了输入颜色可以在定义范围内具有默认值

示例

让我们看一个输入颜色 defaultValue 属性的示例 −

<!DOCTYPE html>
<html>
<head>
<title>Input Color Default Value</title>
</head>
<body>
<form>
Color Picker: <input type="color" id="Color" value="#00cc00">
</form>
<button onclick="getDefaultValue()">Get Default Value</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputColor = document.getElementById("Color");
   function getDefaultValue() {
      divDisplay.textContent = 'Default Color: '+inputColor.defaultValue;
   }
</script>
</body>
</html>