Latest web development tutorials

HTML DOM Input Color disabled 屬性

Input Color 對象參考手冊 Input Color對象

實例

D禁用拾色器:

document.getElementById("myColor").disabled = true;

輸出結果:


嘗試一下»

定義和用法

disabled 屬性用於設置或者返回拾色器是否可用。

使用disabled 屬性的元素是不可用和不可點擊的。 禁用的元素在瀏覽器上通常顯示為灰色。

該屬性反映了HTML disabled 屬性。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持disabled 屬性。

注意: Internet Explorer和Safari瀏覽器不支持<input type="color">元素。


語法

返回disabled 屬性:

colorObject .disabled

設置disabled 屬性:

colorObject .disabled=true|false

屬性值

描述
true|false 描述了拾色器是否可用
  • true - 拾色器不可用
  • false - 默认。拾色器是可用的。

技術細節

返回值: 布爾值,如果拾色器被禁用返回true,否則返回false。


更多實例

實例

查看拾色器是否可用:

var x = document.getElementById("myColor").disabled;
x輸出結果為:
true

嘗試一下»

實例

禁用或啟用拾色器:

function disableBtn() {
document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
document.getElementById("myColor").disabled = false;
}

嘗試一下»


相關文章

HTML參考手冊: HTML <input> disabled屬性


Input Color 對象參考手冊 Input Color對象