Thuộc tính disabled của Input Color

Đối tượng Input Color DOM HTML

Định nghĩa và cách sử dụng

disabled Thuộc tính thiết lập hoặc trả về xem bộ chọn màu có nên bị vô hiệu hóa hay không.

Các yếu tố bị vô hiệu hóa không thể sử dụng và không thể nhấp vào. Mặc định, các yếu tố bị vô hiệu hóa thường được hiển thị bằng màu xám trong trình duyệt.

Thuộc tính này phản ánh thuộc tính disabled của HTML.

Xin xem thêm:

Hướng dẫn HTML:Thuộc tính disabled của HTML <input>

Mô hình

Ví dụ 1

Vô hiệu hóa bộ chọn màu:

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

Thử trực tiếp

Ví dụ 2

Kiểm tra bộ chọn màu có bị vô hiệu hóa hay không:

var x = document.getElementById("myColor").disabled;

Thử trực tiếp

Ví dụ 3

Vô hiệu hóa và mở lại bộ chọn màu:

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

Thử trực tiếp

Cú pháp

Trả về thuộc tính disabled:

colorObject.disabled

Đặt thuộc tính disabled:

colorObject.disabled = true|false

Giá trị thuộc tính

Giá trị Mô tả
true|false

Định nghĩa có nên vô hiệu hóa bộ chọn màu hay không.

  • true - Bộ chọn màu bị vô hiệu hóa
  • false - Mặc định. Bộ chọn màu không bị vô hiệu hóa

Chi tiết kỹ thuật

Giá trị trả về: Giá trị Booleans, nếu bộ chọn màu bị vô hiệu hóa, sẽ trả về truenếu không, trả về false.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 10.0 Hỗ trợ Hỗ trợ Hỗ trợ

Lưu ý:Element <input type="color"> không hiển thị bất kỳ color picker nào trong Internet Explorer và Safari.

Đối tượng Input Color DOM HTML