HTML DOM 輸入顏色停用屬性


HTML DOM 輸入顏色的停用屬性設定/返回輸入顏色是啟用還是停用。

語法

以下是語法 −

  • 返回布林值 - true/false
inputColorObject.disabled
  • disabled 設定為到 booleanValue
inputColorObject.disabled = booleanValue

布林值

在此,“booleanValue”可以是以下內容 −

booleanValue詳細資訊
true它定義了輸入顏色已停用。
false它定義了輸入顏色未停用,且這也是預設值。

示例

讓我們來看一個 輸入顏色停用 屬性的示例 −

 線上演示

<!DOCTYPE html>
<html>
<head>
<title>Input Color Disabled</title>
</head>
<body>
<form>
Color Picker: <input type="color" id="Color" disabled>
</form>
<button onclick="enableColorInput()">Enable Color Input</button>
<div id="divDisplay"></div>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputColor = document.getElementById("Color");
   divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled;
   function enableColorInput() {
      inputColor.disabled = false;
      divDisplay.textContent = 'Color Input disabled: '+inputColor.disabled;
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 −

在單擊 ‘啟用顏色輸入’ 按鈕之前 −

單擊 ‘啟用顏色輸入’ 按鈕之後 −

更新於: 30-07-2019

128 次瀏覽

開啟您的職業生涯

透過學習課程獲得認證

開始
廣告
© . All rights reserved.