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>
輸出
將產生以下輸出 -
單擊‘獲取預設值’按鈕之前 -
單擊‘獲取預設值’按鈕之後 -
廣告