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

Đối tượng Input Color DOM HTML

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

value Cài đặt thuộc tính hoặc trả về giá trị của thuộc tính value của bộ chọn màu.

Thuộc tính value của HTML quy định màu của bộ chọn màu.

Ghi chú:Nếu không quy định bất kỳ nội dung nào, màu mặc định là #000000 (màu đen).

Trang liên quan

Hướng dẫn HTML:Màu sắc HTML

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

Mô hình

Ví dụ 1

Thay đổi màu của bộ chọn màu:

document.getElementById("myColor").value = "#FF8040";

Thử ngay

Ví dụ 2

Lấy màu của bộ chọn màu:

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

Thử ngay

Ví dụ 3

Dưới đây là một ví dụ minh họa sự khác biệt giữa 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ề thuộc tính value:

colorObject.value

Đặt thuộc tính value:

colorObject.value = #hexvalue

Giá trị thuộc tính

Giá trị Mô tả
#hexvalue

Định nghĩa màu của bộ chọn màu.

Giá trị này phải là giá trị hexa (hex): 3 chữ số đôi, bắt đầu bằng ký hiệu # (ví dụ #FF8040).

Chú ý:Không được phép sử dụng từ khóa màu (như "red" hoặc "blue").

Ghi chú:Màu mặc định là #000000 (màu đen).

Chi tiết kỹ thuật

Giá trị trả về: Giá trị chuỗi, biểu thị màu sắc.

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ợ tính năng này hoàn toàn.

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

Chú ý:元素 <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