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

Đối tượng Input Color DOM HTML

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

defaultValue Thuộc tính thiết lập hoặc trả về giá trị mặc định của bộ chọn màu.

Ghi chú:Giá trị mặc định là Thuộc tính value của HTML Định nghĩa trong đó.

Sự khác biệt giữa thuộc tính defaultValue và value là:

  • defaultValue chứa giá trị mặc định
  • Trong khi value chứa giá trị hiện tại sau khi đã thay đổi một số phần
  • Nếu không có thay đổi, defaultValue và value là giống nhau (xin xem ví dụ dưới đây)

Khi bạn muốn xác định xem màu của bộ chọn màu có thay đổi hay không, thuộc tính defaultValue rất hữu ích.

Mô hình

Ví dụ 1

Lấy giá trị mặc định của bộ chọn màu:

var x = document.getElementById("myColor").defaultValue

Thử ngay

Ví dụ 2

Dưới đây là một ví dụ để hiển thị sự khác biệt giữa các thuộc tính defaultValue và value:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Thử ngay

Cú pháp

Trả về giá trị defaultValue:

colorObject.defaultValue

Đặt giá trị defaultValue:

colorObject.defaultValue = value

Giá trị thuộc tính

Giá trị Mô tả
value Định nghĩa giá trị mặc định của bộ chọn màu.

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị giá trị mặc định của bộ chọn màu.

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 ý:Đối tượng <input type="color"> không hiển thị bất kỳ bộ chọn màu nào trong Internet Explorer và Safari.

Đối tượng Input Color DOM HTML