Đối tượng Input Color DOM HTML

Đối tượng Color

Đối tượng Color là đối tượng mới trong HTML5.

Đối tượng Color biểu thị yếu tố HTML <input type="color">.

Ghi chú:Internet Explorer và Safari không hỗ trợ yếu tố <input type="color">.

Truy cập đối tượng Color

Bạn có thể truy cập yếu tố <color> bằng cách sử dụng phương thức getElementById():

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

Thử ngay

Lưu ý:Bạn cũng có thể duyệt qua các yếu tố của biểu mẫu: Bộ sưu tập elementsđể truy cập đối tượng Color.

Tạo đối tượng Color

Bạn có thể tạo yếu tố <color> bằng cách sử dụng phương thức document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

Thử ngay

Thuộc tính đối tượng Color

Thuộc tính Mô tả
autocomplete Đặt hoặc trả về giá trị thuộc tính autocomplete của bộ chọn màu.
autofocus Đặt hoặc trả về trạng thái tự động lấy góc nhìn khi trang được tải.
defaultValue Đặt hoặc trả về giá trị mặc định của bộ chọn màu.
disabled Đặt hoặc trả về trạng thái tắt của bộ chọn màu.
form Trả về tham chiếu đến biểu mẫu chứa bộ chọn màu.
list Trả về tham chiếu đến datalist chứa bộ chọn màu.
name Đặt hoặc trả về giá trị thuộc tính name của bộ chọn màu.
type Trả về loại yếu tố biểu mẫu của bộ chọn màu.
value Đặt hoặc trả về giá trị thuộc tính value của bộ chọn màu.

Thuộc tính và sự kiện tiêu chuẩn

Đối tượng Color hỗ trợ tiêu chuẩnThuộc tínhvàSự kiện.

Các trang liên quan

Hướng dẫn HTML:Form HTML

Hướng dẫn HTML:Thẻ <input> HTML

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