วิธีใช้โอปเจกต์ Input Color ของ HTML DOM

Color Object

Color Object คือส่วนใหม่ใน HTML5

Color Object ระบุส่วน HTML <input type="color">

หมายเหตุ:Internet Explorer และ Safari ไม่สนับสนุนส่วน <input type="color">

เข้าถึง Color Object

คุณสามารถเข้าถึงส่วน <color> ด้วยการใช้ getElementById()

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

ลองเดาเดิม

คำแนะนำ:คุณยังสามารถเข้าถึง Color Object ด้วยการเนื่องนำเฟิร์ม ชุด elementsเพื่อเข้าถึง Color Object

สร้าง Color Object

คุณสามารถสร้างส่วนต่างๆ ของ <color> ด้วยวิธี document.createElement()

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

ลองเดาเดิม

คุณสมบัติ Color Object

คุณสมบัติ รายละเอียด
autocomplete ตั้งค่าหรือกู้ค่าค่า autocomplete ของตัวเลือกสี
autofocus ตั้งค่าหรือกู้ค่าความที่ตัวเลือกสีจะได้รับความสนใจอัตโนมัติหลังจากการโหลดหน้าเว็บ
defaultValue ตั้งค่าหรือกู้ค่าค่าเริ่มต้นของตัวเลือกสี
disabled ตั้งค่าหรือกู้ค่าความที่ตัวเลือกสีจะถูกปิดบนหน้าจอ
form กู้ค่าสัญญาณฟอร์มที่มีตัวเลือกสี
list กู้ค่าสัญญาณตัวแปร list ที่มีตัวเลือกสี
name ตั้งค่าหรือกู้ค่าค่า name ของตัวเลือกสี
type กู้ค่าประเภทฟอร์มส่วนที่มีตัวเลือกสี
value ตั้งค่าหรือกู้ค่าค่า value ของตัวเลือกสี

มาตรฐานและเหตุการณ์

Color Object สนับสนุนมาตรฐานคุณสมบัติและเหตุการณ์。

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

ตูร์นอร์ HTML:ฟอร์ม HTML

คู่มืออ้างอิง HTML:ตามขอบเขต <input> HTML

คู่มืออ้างอิง HTML:ตัวแปร type ของ <input> HTML