คุณสมบัติ disabled ของ Input Color

HTML DOM Input Color ตัวแทน

คำนิยามและการใช้งาน

disabled ตั้งค่าหรือส่งออกว่าควรปิดกั้นโค้ดเลือกสีหรือไม่

องค์ประกอบที่ถูกปิดกั้นไม่สามารถใช้งานและไม่สามารถคลิกได้ โดยเหมือนๆ องค์ประกอบที่ถูกปิดกั้นมักถูกแสดงด้วยสีเทาในเว็บเบราวเซอร์

คุณสมบัตินี้แสดงความหมายตามคุณสมบัติ disabled ของ HTML

ดูเพิ่มเติม

คู่มือ HTMLตัวแปร disabled ของ HTML <input>

ตัวอย่าง

ตัวอย่าง 1

ปิดกั้นโค้ดเลือกสี

document.getElementById("myColor").disabled = true;

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ตรวจสอบว่าโค้ดเลือกสีถูกปิดกั้นหรือไม่

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ปิดกั้นและยกเลิกปิดกั้นโค้ดเลือกสี

function disableBtn() {
    document.getElementById("myColor").disabled = true;
}
function undisableBtn() {
    document.getElementById("myColor").disabled = false;
}

ทดลองด้วยตัวเอง

รูปแบบการใช้งาน

ส่งออกคุณสมบัติ disabled:

colorObject.disabled

ตั้งค่าคุณสมบัติ disabled:

colorObject.disabled = true|false

ค่าทางทรัพย์สิน

ค่า คำอธิบาย
true|false

กำหนดว่าควรปิดกั้นโค้ดเลือกสีหรือไม่

  • true - โค้ดเลือกสีถูกปิดกั้น
  • false - โดยความนิยม โค้ดเลือกสียังไม่ถูกปิดกั้น

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

ค่าที่ส่งออกมา ค่าบูลเลิร์น ถ้าโค้ดเลือกสีถูกปิดกั้น trueโดยไม่ได้ทำการคืนค่า false.

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

ตัวเลขในตารางระบุตอนที่เบราสเซอร์สนับสนุนองค์ประกอบนี้ทั้งหมด

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 10.0 สนับสนุน สนับสนุน สนับสนุน

แนะนำ:องค์ประกอบ <input type="color"> ไม่แสดงโค้ดเลือกสีใน Internet Explorer และ Safari

HTML DOM Input Color ตัวแทน