HTML DOM 輸入顏色 defaultValue 屬性


HTML DOM 輸入顏色defaultValue 屬性設定/返回顏色對應的預設值。它可能與值屬性相同,也可能不同。

語法

以下是語法 -

  • 返回字串值
inputColorObject.defaultValue
  • defaultValue 設定為字串
inputColorObject.defaultValue = ‘string’

布林值

此處,“字串”可以是以下內容 -

布林值
詳細資訊
#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>

輸出

將產生以下輸出 -

單擊‘獲取預設值’按鈕之前 -

單擊‘獲取預設值’按鈕之後 -

更新於:2019 年 7 月 30 日

100 次瀏覽

開啟你的 職業生涯

完成課程以獲得認證

開始
廣告