ค่าแอตทริบิวต์ Input Color

วิธีเข้าถึงเอกสาร DOM Input Color

คำอธิบายและการใช้งาน

value ตั้งค่าหรือคืนค่าค่าของแอตทริบิวต์ value ของเลือกสี。

ค่าแอตทริบิวต์ value ของ HTML กำหนดสีของเลือกสี。

หมายเหตุ：ถ้าไม่ได้กำหนดใดๆ สีปริมาณต้นทางเป็น #000000 (ดำ)。

หน้าที่เกี่ยวข้อง

ตัวอย่าง HTML:สี HTML

คู่มือ HTML:คุณสมบัติ value ของ <input> ใน HTML

ตัวอย่าง

ตัวอย่าง 1

เปลี่ยนสีของเลือกสี:

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

ลองเทสเอง

ตัวอย่าง 2

ดึงสีของเลือกสี:

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

ลองเทสเอง

ตัวอย่าง 3

ตัวอย่างที่แสดงความแตกต่างระหว่างค่า defaultValue และ value ของแอตทริบิวต์:

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

ลองเทสเอง

ภาษาสัญลักษณ์

คืนค่าแอตทริบิวต์ value:

colorObject.value

ตั้งค่าค่าในแอตทริบิวต์ value:

colorObject.value = #hexvalue

ค่าของแอตทริบิวต์

ค่า คำอธิบาย
#hexvalue

กำหนดสีของเลือกสี。

ค่าต้องเป็นตัวเลขทศนิยม (hex) 3 ตัวเลขสองหลัก ที่มีเครื่องหมาย # ขึ้นต้น (เช่น #FF8040)。

แจ้งเตือน：ไม่อนุญาตให้ใช้คำถามสี (เช่น "red" หรือ "blue")。

หมายเหตุ：สีปริมาณต้นทางเป็น #000000 (ดำ)。

รายละเอียดเทคนิค

ค่าที่ส่งกลับมา： ค่าที่แสดงความหมายเป็นตัวอักษร แสดงสี

การสนับสนุนบราวเซอร์

ตัวเลขในตารางนี้บอกเล่าถึงเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
การสนับสนุน 10.0 การสนับสนุน การสนับสนุน การสนับสนุน

แจ้งเตือน：ตัวแปร <input type="color"> ไม่แสดงโค้ดเลือกสีใน Internet Explorer และ Safari

วิธีเข้าถึงเอกสาร DOM Input Color